jQuery Sticky Sidebar

This is something I wrote in a few hours so thought I’d share it with the world. It mimics the sidebar UX seen on Apple and Amazons purchase flows. I tried to keep this as simple as possible. There are two states the plugin determines – Sticky and non-Sticky. When the Sidebar is sticky its position:fixed, when non-Sticky it’s position:absolute. The plugin determines one or the other by checking where you’ve scrolled to. The window of stickiness starts from the point you past the adjacent main content up until the sidebar reaches the bottom of the adjacent main content. Check the demo and all will be clear!

Source code on github at

Enjoy! :)

1 Comment

  1. Sticky sidebars are always awsome. Thank you so much for sharing this informative article.. http://www.usjoomlaforce.com