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

2 votes202 views1 answer
Remove accordion space materuail ui css
CSS
2 votes209 views5 answers
How to insert image in css
CSS
0 vote232 views1 answer
Css display offscreen
CSS
1 vote254 views1 answer
Add image to div in css
CSS
0 vote213 views1 answer
Style input type range shaded part only
CSS
0 vote259 views1 answer
Enque script only on specific archive page
CSS
0 vote194 views1 answer
How to use css in material ui
CSS
22 votes210 views3 answers
Css disable text select
CSS
69 votes275 views6 answers
Flexbox elements
CSS
54 votes211 views6 answers
Background color css
CSS