How to style the site's general scrollbar?

0

I was looking at some templates on the net and I was curious about this one . His scrollbar is not part of the browser, but I see it from the DOM.

How is this?

    
asked by anonymous 19.11.2014 / 01:34

1 answer

1

On the site in question, the NiceScroll (jQuery) plugin was used.

Summarizing the operation: it puts a overflow: hidden in the html tag to disappear with the browser bars and creates a "false" scrollbar; a div that behaves like a slash. And then it does scroll manually, detecting mousewheel events and doing scrolling, probably with jQuery, through scrollTop() .

Although it is more beautiful, it slows down the performance, and the scrolling is strange sometimes, as it happened in that case.

In webkit browsers (Chrome and Safari) there are pseudo-classes to stylize the toolbar. See here: Custom Scrollbars in WebKit

    
19.11.2014 / 11:29