scroll css

1body::-webkit-scrollbar {
2  width: 12px;               /* width of the entire scrollbar */
3}
4body::-webkit-scrollbar-track {
5  background: orange;        /* color of the tracking area */
6}
7body::-webkit-scrollbar-thumb {
8  background-color: blue;    /* color of the scroll thumb */
9  border-radius: 20px;       /* roundness of the scroll thumb */
10  border: 3px solid orange;  /* creates padding around scroll thumb */
11}

1html {
2  scroll-behavior: smooth;
3}
4
5/* No support in IE, or Safari
6You can use this JS polyfill for those */
7http://iamdustan.com/smoothscroll/
8

1::-webkit-scrollbar {
2    width: 12px;
3}
4 
5::-webkit-scrollbar-track {
6    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
7    border-radius: 10px;
8}
9 
10::-webkit-scrollbar-thumb {
11    border-radius: 10px;
12    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
13}

1div.ex1 {
2  overflow: scroll;
3}
4
5div.ex2 {
6  overflow: hidden;
7}
8
9div.ex3 {
10  overflow: auto;
11}
12
13div.ex4 {
14  overflow: visible;
15}

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

1/* To solve overflow issue in IE,
2always use properties separately,
3do not use short hand */
4
5div {
6  overflow-x: hidden;
7  overflow-y: auto;
8}