This very small yet powerful library can build single-page layouts that scroll as blocks with one swipe of the scroll wheel (or touchpad). This creates a controlled layout where scrolls move the user through individual sections of a page with pixel-tight precision.
Naturally, this is a completely free library available on GitHub and easy to install with Bower or npm.
This can hamper the value of viewScroller since it requires a few JS libraries just to function. But if you’re already using jQuery anyway, then it’s a no-brainer. viewScroller.js offers the simplest method to get a single page scrolling web app running without much code.
It does, however, use very detailed classes and IDs to create the scrolling effect. You can edit these classes in your own CSS file or overwrite them in the base code. You’ll find a full list on the repo page with class names and default setup data.
The simplest way to start is by cloning the viewScroller demos. They have one with a right sidebar, another with a left sidebar, and one with two sidebars sandwiching content in the middle.
If you’re okay with a jQuery-fueled web app then viewScroller is a fantastic free library to use. It does need quite a few dependencies but they shouldn’t be hard to configure.