Create custom scrollbar for admin side menus and DIVs using only pure CSS

Asked Jul 04 '17 at 14:43

Active Jul 04 '17 at 14:50

Viewed 120 times

CSS

.menuScroll{overflow:auto; height:50%; cursor:pointer;}
.menuScroll::-webkit-scrollbar {width: 12px;}
.menuScroll::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgb(161,136,127);border-radius: 10px;}
.menuScroll::-webkit-scrollbar-thumb {border-radius: 10px;-webkit-box-shadow: inset 0 0 6px rgb(176,190,197);}

HTML

<ul class="sub-menu menuScroll">

View Sample Image

edited Jul 04 '17 at 14:50

asked Jul 04 '17 at 14:43

Lahiru Supunchandra

Maybe [this SO question](https://stackoverflow.com/questions/44900473/how-to-get-fat-scroll-bar-on-div-using-css) from earlier today can help you? – kevin b. Jul 04 '17 at 14:48
Try this https://scotch.io/tutorials/customize-the-browsers-scrollbar-with-css – Chandra Shekhar Jul 04 '17 at 14:50
Reference link https://codepen.io/devstreak/pen/dMYgeO – Chandra Shekhar Jul 04 '17 at 14:50
For IE 11 --- menuScroll1 {height: 50%;margin-left: 40px;overflow-y: scroll;} – Lahiru Supunchandra Jul 04 '17 at 14:54

Create custom scrollbar for admin side menus and DIVs using only pure CSS

0 Answers0