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?
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?
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