jQuery UI Scrollable

A jQuery UI widget that enables monitoring, querying, or changing the scroll position of an element relative to a scrolling container. Read about the journey to get here on my blog post - benknowscode.com/2013/07/detect-dom-element-scrolled-with-jquery

• Detect: Monitors whether target elements scroll in/out of the visible view of a scroll container (not just the window). Allows configuring a logical size of the container to affect where the target must actually be located before triggering events.
• Query: Provides location information identifying where the target element is located relative to the container (top, left, bottom, right).
• Change: Enables animated scrolling of the target into the container with any of the built-in jQuery easing options and flexible positioning settings.

Usage information and demos

Credits

Inspiration and some bits of code are from the following other scroll related projects:

• [github/litera] (https://github.com/litera/jquery-scrollintoview)
• [github/balupton] (https://github.com/balupton/jquery-scrollto)
• [github/flesler] (https://github.com/flesler/jquery.scrollTo)

License

Copyright (c) 2013 Ben Olson Licensed under the MIT License