Scroll css

Custom scrollbar

body::-webkit-scrollbar {
  width: 12px;               /* width of the entire scrollbar */
}
body::-webkit-scrollbar-track {
  background: orange;        /* color of the tracking area */
}
body::-webkit-scrollbar-thumb {
  background-color: blue;    /* color of the scroll thumb */
  border-radius: 20px;       /* roundness of the scroll thumb */
  border: 3px solid orange;  /* creates padding around scroll thumb */
}

Overflow css

/* To solve overflow issue in IE,
always use properties separately,
do not use short hand */

div {
  overflow-x: hidden;
  overflow-y: auto;
}

Smooth scroll css

html {
  scroll-behavior: smooth;
}

/* No support in IE, or Safari
You can use this JS polyfill for those */
http://iamdustan.com/smoothscroll/

Coustomize srollbar

::-webkit-scrollbar {
    width: 12px;
}
 
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    border-radius: 10px;
}
 
::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}

Source: css-tricks.com

Scroll css

<div style="overflow: scroll;">
	<?php echo $this->element('menu/left_sidebar'); ?>
</div>

// overflow: scroll;

Similar codes

1 vote385 views1 answer
How to gain full width of a phone website in html and css
CSS
19 votes303 views2 answers
Add font to react
CSS
28 votes392 views4 answers
Font face roboto css
CSS
11 votes350 views2 answers
How to center horizontally and vertically block div
CSS
0 vote364 views1 answer
Calendar api
CSS
0 vote335 views1 answer
Understanding 'space' in css selector
CSS
238 votes517 views5 answers
Include bootstrap
CSS Bootstrap
47 votes380 views6 answers
Css blur
CSS
12 votes377 views3 answers
Docker restart container
CSS
0 vote330 views1 answer
Css top right corner
CSS