TotalScroll - Multi-Column Layout Scrolling jQuery Plugin

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