Jquery sticky for long sidebar

Normally we have seen lot of sticky sidebars. If your website has big sidebar or sidebar longer than window height, then it sucks. So we have decided to make sticky sidebar having long content. This Jquery sticky for long sidebar is very simple and fully customizable. You may have to add some more CSS to work this on older browsers like IE.

You can download the entire script as a zip. If you have any issues or suggestion, please comment.

Web3Canvas provides Freebies & Resources for Designers.

  • Thank you!
    Also takes into account to not overlay footer.. Exactly what I needed..

  • Bujji

    I copied the whole code as it is and tried but getting an error .Does not scoll in IE/89 or chrome..any suggestions
    Message: ‘offset().top’ is null or not an object
    Line: 17
    Char: 2
    Code: 0

  • Adam

    Is there any way this can be modified to have it immediately start scrolling back up when you scroll up? Facebook used to work this way (Can’t find any current examples, unfortunately)

    Basically if a user scrolls back up, they might not expect the sidebar to just stay put until they reach the top. If they’re specifically trying to use the sidebar, they probably expect it to scroll back up. Once you reach the top of the sidebar, (Which you would if you had reached the end before scrolling to the end of the content) it would go sticky again until you scrolled past the top of the content once again.

    Does that make sense?

  • Adam

    Actually, I did manage to find an example of what I’m talking about. Check out how this one works: http://www.fastcolabs.com

    • I understand what you are talking about. I’ve checked that option before and found some difficulties there. Thanks for the link. I will check once again.

  • Paulius Barišauskas

    Problem, it comes to a disaster when your sticky sidebar content becomes larger than large content in some pages.