Dynamic Behavior Based on Page Scrolling With ScrollSpy

ScrollSpy is simple MooTools plugin that listens to page scrolling and can trigger code based on users location on the page. The objective is to allow developers add dynamic behavior to their web pages based on where and how user scroll the page. It allows you to detect both horizontal & vertical scrolling and provide various options to trigger and detect the events.

ScrollSpy plugin comes with four examples illustrating some creative uses of this unique component. Simplest example illustrates using the plugin to dynamically show “Scroll To Top” link whenever a user scroll down certain number of pixels. Other examples include:

  • The Show: Automatically scrolls to the right. ScrollSpy shows and hides various content blocks while scrolling based on locations.
  • Background Colors: Changes Background color of the page based on users scroll location.
  • Pointers: Shows and hides various content blocks while scrolling based on locations.

Developed by David Walsh; This MooTools ScrollSpy Plugin is available for download under the MIT license.  You can find further information, demos & download on David Walsh Website.

Stay Updated

If you found this post useful, consider subscribing to our RSS Feed! You can also stay updated by following us on Twitter and Facebook or by subscribing to our FriendFeed.

Bookmark / Share

Bookmark and Share

Read More

SIMILAR/RELATED POSTS:

PREVIOUS POST:

NEXT POST:

Leave Comment

 
 

Stay Updated, Subscribe to RSS Feed

 
 
 
 

Blogroll

 

Sponsored Links