Modern Scrolling for Your Website!

TotalScroll plugin was created for multicolumn websites and with it you can adjust your menu column or sidebar’s scrolling speed. Column scroll speed is set as a value between 0-1, where 1 corresponds to default browser scrolling speed. Also TotalScroll can control amount of offset for every column and prevent it from being scrolled too much.

Among other with TotalScroll you can make any column sticky simply by assigning a “ts-sticky” class; use its build-in “Reveal on Scroll” feature to add CSS3 animations to the content as you scroll down the page. Also plugin is fully responsive and works with most fixed/fluid grids

Key Features

Created for multi-column websites
Works on Android and iOS devices
Not restricted to specific grid system
Bootstrap v3 ready
Configurable column scroll speed
CSS3 for extra smooth performance
Dynamic recognition of layout change
Configurable “single column” break point
Build in “reveal-on-scroll” feature
jsHint.com compliant code
Well documented

Changelog

# version 1.0 (Nov 23, 2016) - plugin released!

# version 1.1 (Feb 22, 2018) - fixed problem with snapping columns back to the top (in some cases there was 1px gap)

Credits & Sources

Photos used in preview are from https://morguefile.com

TotalScroll - Multi-Column Layout Scrolling jQuery Plugin