JQuery Slim Scroll

JQuery Slim Scroll is always looked cool in any webpage. It is the best option instead of the default scroll bar. when we are designing the page and placing more content it will disturb the user interface.

slimScroll is a small jQuery plugin that transforms any div into a scrollable area with a nice scrollbar.

The scroll event occurs when the user scrolls in the specified element.

slimscroll
slimscroll

The scroll event works for all scrollable elements and the window object.

HTML

<body></body>

CSS

.slim-scroll{overflow:auto;}
#dheight::-webkit-scrollbar-thumb {
background-color: darkgrey;
outline: 1px solid slategrey;
}
#dheight::-webkit-scrollbar {
width:5px;
}
#dheight::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}