10+ jQuery Sticky Scroll Plugins

By Sam Deering

Today’s post is a collection of good jQuery plugins which handle scrolling of elements to keep them in view (sticky scroll) when you scroll the webpage down. Enjoy.

1. Sticky

A jQuery plugin that gives you the ability to make any element on your page always stay visible.

Source + Demo

2. stickyMojo

A contained sticky sidebar jQuery plugin brought to you by MojoTech. It is lightweight, fast, flexible and compatible with Firefox, Chrome, Safari, and IE8+.


3. Sticky Sidebar jQuery plugin

Allows you to set a number of sidebar or floating boxes that follow the user down the page as they scroll.


4. lockfixed jQuery plugin

A jQuery plugin which allows for DOM elements to be positioned anywhere on the page, and lock within the user’s viewport when scrolling.


5. stickyfloat

This plugin makes it possible to have a fixed position element that is relative to it’s parent. A normal fixed positioned element would be “out of context” and is very difficult to use in the most common situations with fluid designs.


6. Sticky Footer

This Sticky Footer can contain any kind of content and is ready to be used in your website. You can build your own menu and use from 1 to 12 columns to display your content.


7. Sticklr

Sticky Side Panel CSS3 + jQuery Plugin


8. fixedposition

A powerful CSS attribute, that allows you to fix a HTML element to a position on the page, irrespective of user interaction. Put simply, if the user scrolls, it stays put.

Source + Demo

9. jQuery Sticky Sidebar

Sticky sidebar for your content.

Source + Demo

10. jquery.fixer.js

Fix element like any other plugins it do.

Source + Demo

11. StickyScroll

A jQuery plugin for creating elements that ‘stick’ to the top of the window when scrolling down the page.


12. Sticky-Element

jQuery plugin to make an element scroll with the page inside the boundaries of a specified container or the window.


Free Guide:

7 Habits of Successful CTOs

"What makes a great CTO?" Engineering skills? Business savvy? An innate tendency to channel a mythical creature (ahem, unicorn)? All of the above? Discover the top traits of the most successful CTOs in this free guide.

  • Pingback: Sticky Scrolls - 12 Free Plugins | ViewLikeUs - Check Sites in Various Resolutions! | Blog()

  • Magister Magenta

    Isn’t there a non-jquery plugin for this? I’ve searched everywhere for it, no dice.

    • jQuery4u

      Use jQuery! :)

      • Magister Magenta

        Why? So my app can get more bloated?

        • Oink

          So your app doesn’t get slower with more useless plugins.

  • Dzagro

    thanks its very helpfull


    GREAT collection, thanks…

  • uiuiu


  • uiuiu


  • Greg Matson

    holy fuck

  • Myles English

    Great list. I’m going to shamelessly add one of my own jQuery plugins called Sticky Stick to the list as I couldn’t find any other plugin that would do what I needed. I’m sure there are some other developers out there that would find this useful. Check out the JSFiddle here: and grab it on GitHub here:

Because We Like You
Free Ebooks!

Grab SitePoint's top 10 web dev and design ebooks, completely free!

Get the latest in JavaScript, once a week, for free.