Launch Demo

    Warning: count(): Parameter must be an array or an object that implements Countable in /home/customer/www/ on line 47
  • Save
  • 101

Block Scroll: Breaks Pages for Better Presentation

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.

The plugin comes with a robust set of features including up and down movements using the keyboard, scroll, buttons or mouse wheel; responsive design that automatically adjusts to any reasonable resolution; sticky pages that adjust to the screen; customizable look and feel using CSS; up and down buttons that are automatically wired; and ability to change the location of the active block using Javascript after it’s initialized.

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

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: Makes Content Appear on Scroll

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.


multiScroll: Vertical Scrolling Layouts

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.)


Tiny Scrollbar

Tiny Scrollbar can be used for scrolling content.


scrollSpeed: For custom scrolling speed and easing

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 step and 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



A plugin to create a customisable “Scroll to top” feature.



Fully themable and adjustable scrollbars.

  • Spotlight


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: Easy scroll animations for web and mobile browsers

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!