-
Notifications
You must be signed in to change notification settings - Fork 1.7k
Native scroll vs Hardware accelerated one
Nicescroll use nativescroll or hw scroll related of the structure of your content.
Page scroll are always native scroll, but divs can native or hw scroll.
With native scroll, the content have scrollable with native browser implementation (aka scrollTop property).
In HW scroll, nicescroll use hw acceleration feature that modern browser featured.
Technically, it uses transform property for scrolling and transition property for smooth movement.
HW scroll is the best choise for modern browsers and mobile devices.
Simple div content (div with "overflow:auto") has always use native scroll.
Div with wrapper can be hw accelerated. (if browser support it)
You have to create a main div (as content viewport, with "overflow:auto") than containts another div (the wrapper) with full content height.
Check this page to see native vs hw scroll content: