Block Scroll is a jQuery plugin that breaks pages into chunks for better presentation. The plugin turns a set of elements into a blocks and displays them one screen at a time to improve user-flow and make your page work in a responsive way.
In a nutshell, Block Scroll can be used to create a trendy-style single-page website with that multiple-page look. Create each block in a different color or with changing backgrounds for the most impact.
Block Scroll allows you to customize almost very aspect of the plugin, including block design, scroll duration and animation or fading between blocks.
Download and install using the js file, set your customization preferences and you are ready to go with the Block Scroll plugin.
Custom scrollbar plugin utilizing jQuery UI that’s fully customizable with CSS.
A jQuery plugin that offers a simplistic way of implementing Mac OS X Lion-styled scrollbars for your website.
ScrollAppear is a powerful and agile tool that makes content appear on scroll (or on other event triggers). It is a jQuery-based plugin.
ScrollAppear expands basic scroll function in a variety of ways to include the following:
- History of what has been shown as result of the plugin
- Ability to revert to a part of or all of what has been shown
- Ability to directly show elements without the user having to trigger a monitored event
- Ability to prevent mass scroll/appear of content by setting a timeout between events (in a similar fashion to hoverIntent)
- Set a pixel offset for your trigger element
- Set the number of event triggers to be performed before the event is unbound
This plugin is JSLint and JSHint compliant and comes with extensive documentation for ease of use.
ScrollAppear also includes a quite extensive parameter list with AddClass, Callback, DelayEffect, EffectDuration, ElementEffect, ElementsToShow, NumberofSccrolls, GatherAfterTrigger, PixelOffset, Timeout, TriggerIntent and TriggerType.
Create divided multi-scrolling pages with two vertical scrolling layouts using multiScroll. The end result is a trendy multi-scrolling effect that works in the idea of parallax movements.
And it’s easy to use. You only have to add a few lines of code to your markup to make this multi-column scroll tool work.
Options included with this plugin include orientation and alignment, scrolling speed and color. You can also select different anchor points, easing, looping, padding, keyboard/mouse/touch sensitivity and menu options.
This plugin is designed to work in pretty much any environment — desktop, tablet or mobile — and works on modern browsers including some older ones such as Internet Explorer 8 and Opera 12. It works with and without CSS3 support.
There are a few sites using this plugin so you can see it in action (see the documentation for details) and the developer is open to working with you on customizations for a fee, if there is something more you want this tool to do specifically for your site. (Changes and other suggestions for improvement are also welcomed.)
scrollSpeed is a lightweight jQuery extension for custom scrolling speed in modern web browsers. Supports vertical or horizontal scrolling direction, including user-defined easing. After setup, reference the
scrollSpeed() method and modify the
speed parameters to create the desired scrolling effect. The
step parameter defaults to
100 units, while
speed defaults to
800 milliseconds; custom easing is optional.
Illustration by akselkreis
Waypoints is a small jQuery plugin that makes it easy to execute a function whenever you scroll to an element.
jScrollPane is a cross-browser jQueryplugin which converts a browser’s default scrollbars into an HTML structure which can be easily skinned with CSS.
Speeds up scrolling through long lists and keeps your infinite feeds smooth and stable for your users.
scrollReveal.js is plain vanilla JS library that allows you to reveal elements as they enter the viewport. It’s remarkable in that it’s only 3kb minified, that’s small. The range of effects you can choose are vast, and it uses natural language to define the animation you want to run. No need for CSS3 transition and a script to detect the current page position in the browser window. Use ScrollReveal and be done with it!