Category: Scrollbar

Create Custom Scroll Paths with jQuery Scroll Path

on March 17, 2012 in Development, Effects, Scrollbar

jQuery Scroll Path is a plugin for creating a custom path a browser follows while scrolling.

It uses moveTo, LineTo and arc methods to draw the path. It can also rotate the screen in browsers that support CSS transforms.

Scrolling can be done with either the mouse wheel or keyboard which uses the arrow keys, space to scroll faster and shift to scroll backwards.

Once the path has been created, the plugin can be customised with options to display the scroll bar, run in a loop or draw the path. It is also possible to use a scrollTo method to jump to a specific point in the path.

Optionally, it can also be used with the easing plugin.

Create Custom Scroll Paths with jQuery Scroll Path

Page Scroller – jQuery Smooth Scroll Plugin

on February 20, 2012 in Development, Scrollbar

Page Scroller is a jQuery smooth scroll plugin that also features scrolling between sections and includes a jump to navigation area and navigational arrows.

The plugin is configurable with various options which are well documented.

Page Scroller - jQuery Plugin

Lion Bars – OSX Style Scrollbars

on February 9, 2012 in Development, Scrollbar

Lion Bars is a simple jQuery plugin to create OSX style scroll bars.

It is cross browser compatible and lightweight (8kb minified).

It has options to auto hide and methods to load content when the end of scroll has been reached (to create endless scroll capability).

Lion Bars – OSX Style Scrollbars

slimScroll – jQuery Plugin

on November 7, 2011 in Development, Scrollbar

slimScroll is a lightweight (2.2KB) jQuery plugin that transforms any div into a scrollable area with a scrollbar similar to the one found on Facebook.

It is possible to customize slimScroll with options such as position, size and color. By default, it doesn’t occupy any visual space as it only appears on a user initiated mouse-over, however this can be also be set to be always on. User’s can drag the scrollbar or use mouse-wheel.