Contained Sticky Scroll – A jQuery Plugin

The Contained Sticky Scroll plugin is designed to allow an element to stick to the top of the screen as page scrolls down, but without moving outside of the parent container.

For example, the sidebar to the right has been animated with the plugin. When you scroll down to read the different options that the plugin allows you to use, you will notice that the sidebar will actually stick to the top of the window until we scroll past the main content area and into the footer. Then the sticky scrolling will stop.

However, some users don’t like this kind of sticky scrolling, so the plugin also includes a feature that allows a user to turn off the sticky scrolling, causing the sidebar to flip back to its default position. Just click the circumflex(^) to trigger this