jQuery Scrollable is the best tool for scrolling your HTML elements. The main purpose of this tool is to provide generic scrolling capability to your pages. Anytime you want to scroll your HTML elements in a visually appealing way you should use this tool. The difference between “normal” scrolling is that you don’t have browser’s default scrollbars available and you can perform scrolling in more sophisticated ways like on the above example. The main goals are visual customization and programmability.

Usability and accessibility are all the rage right now and that’s great because it’s slowly making the web a better place. Unfortunately, some of the goodies in our bags of tricks aren’t quite up to snuff when it comes to these two areas. One such goody is the good old select element—specifically with the multiple attribute enabled. How about we do away with them and try something different?

Why not replace that cumbersome select box with a scrollable checklist?

Scrollable is a flexible & lightweight (3.9kb) jQuery plugin for creating scrollable contents.

Any content (HTML, video, text..) can be used as a scrolling item. And, it supports vertical scrolling besides the standard horizontal scrolling which makes it very ideal, specially for news sites or portals to present the flash contents.

Other features of Scrollable are:

• Setting the number of visible items
• Mouse, arrow keys and mousewheel (requires mousewheel.js) support
• Programmatic actions: next, prev, nextPage, prevPage, seekTo, begin, end
• Know when list is scrolled with custom event listener

This jQuery plugin is built by the FlowPlayer team (see WRD post) and includes great examples (this & this) with FlowPlayer integration.