javascript
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
More in javascript
-
Parallaxer – Parallax Effects on Content
DZS Parallaxer is a script that turns any content into a cool parallax effect....
-
ImageMasker Kit
ImageMasker Kit jQuery plugin for applying masks to images on your website. Using it...
-
jQuery Sidebar Menu
The script is a complex jQuery Sidebar Menu perfect solution for mobile devices. Two...
-
Javascript Huge Horizontal Menu
NEW! Javascript HUGE Horizontal menu with custom colors & effects 4 Color palettes avaliable...