All Things Sticky: 15 Useful Tutorials and Plugins

Sticky is to describe something on a website is in fixed position while scrolling within certain range. Intuitive but not intrusive sticky content could improve impressions on important content or make it easy to navigate. We all know there is a simple “fixed” positioned element in CSS. But in reality, for example, the sidebar will overlap elements such as footer or content. So in today’s article, you’ll find 20 useful tutorials and plugins for sticky header, footer, sidebar, side widget, section header, etc.

Layout of a website can be tricky. If you are interested in making websites responsive or parallax, don’t forget to check out our previous articles about responsive web design and parallax scrolling.

1. Sticky.js

2. StickyMojo Sticky Sidebar Plugin

3. jQuery-Stick’em

4. jSticky

5. jQuery Sticky Header 1

6. jQuery Sticky Header 2

7. How To Create A Fixed (Sticky) Header

8. Persistent Headers: Section Header Sticky

9. Sticky Sidebar jQuery plugin

10. jQuery stickySectionHeaders

11. Create a Sticky Navigation Header Using jQuery Waypoints

12. Create a Sticky Footer in WordPress

13. WordPress Widgetized Stickybar (Premium Plugin)

14. Sticky Side Panel WordPress Plugin (Premium Plugin)

15. Sticky Footer (Premium Plugin)