This demo is designed to show how sticky sidebars can be implemented using nothing more than vanilla JS.

All code used in this demo is provided inline within this pages source code. Simply view the source, and copy/paste :)

When I went to find examples of this type of code, I only found huge jQuery libraries, or implementations which did not handle non-fixed header/footer heights, or did not handle bottoming out at the footer correctly.

This is my attempt to creating a system which works well, with minimal code and works cross-browser in all commonly used web browsers.

If you see any problems, or would like to provide in put on this demo, please don't hesitate to get in touch with me. Just make sure you link to this demo in your message, or I may have no idea what you are talking about ;)