Skip to main content

Sticky Sidebar Scroll in jQuery


This project will teach you how to create a sticky sidebar scroll on your web page. This is very useful especially for a site that has a large content but smaller sidebar. This is to prevent an empty space in the sidebar.

In my example, the sidebar stops scrolling when the uppermost point of the sidebar reaches the top of the window page. The sidebar's position becomes fixed.

Hope you learn from this.

Note: Due to the size or complexity of this submission, the author has submitted it as a .zip file to shorten your download time. After downloading it, you will need a program like Winzip to decompress it.

Virus note: All files are scanned once-a-day by for viruses, but new viruses come out every day, so no prevention program can catch 100% of them.


1. Re-scan downloaded files using your personal virus checker before using it.
2. NEVER, EVER run compiled files (.exe's, .ocx's, .dll's etc.)--only run source code.

Add new comment

This question is for testing whether or not you are a human visitor and to prevent automated spam submissions.