10 Best Sticky Sidebar Plugins In JavaScript (2023 Update)

by jQueryScript,

When you are running a website or blog, you might need to make a sidebar widget (like featured content, big sales, subscription form, social like box, and ads) stick to the side of your page.

In most cases, you can use CSS position: fixed or position: sticky property to make the whole sidebar stick to the side when the users scroll down or up the webpage:

Sticky Sidebar With Pure CSS:

See the Pen Sticky Sidebar With Pure CSS by iqq800 (@iqq800) on CodePen.

However, when you only need a block element in the sidebar to be fixed to the side of your page, the situation is a bit more complicated.

You might need JavaScript to keep track of the scroll event and fix a given element to the top while keeping the element stay within the sidebar until it reaches the bottom of the page.

This is why I decide to write this blog post and list here the 10 Best jQuery and Vanilla JavaScript solutions to help beginners quickly implement a sticky sidebar on the webpage.

Originally Published Aug 19 2020, updated Mar 12 2023

10 Best Sticky Sidebar Plugins:

Table of contents:

Best jQuery Sticky Sidebar Plugins

Content Sticky on Scroll with jQuery - Stickem

A usefull jQuery Plugin for Making contents sticky as you scroll, to a point.

Content Sticky on Scroll with jQuery - Stickem

[Demo] [Download]


jQuery Plugin For Intelligent Sticky Sidebars - Theia Sticky Sidebar

The Theia Sticky Sidebar jQuery plugin allows to make your sidebar widgets be fixed on the top (or bottom) when you scroll past them.

jQuery Plugin For Intelligent Sticky Sidebars - Theia Sticky Sidebar

[Demo] [Download]


Highly Customizable jQuery Sticky Element Plugin - hc-sticky

A simple, responsive, cross-browser jQuery & Vanilla JS plugin which makes any block elements (e.g. navigation menu, sidebar) floating / fixed when scrolling, with lots of customization options and API.

Highly Customizable jQuery Sticky Element Plugin - hc-sticky

[Demo] [Download]


jQuery Contained Sticky Sidebar Plugin - stickyMojo

A lightweight jQuery plugin for creating a Contained Sticky Sidebar on your webpage. It is fast, flexible and compatible with Firefox, Chrome, Safari, and IE8+.

jQuery Contained Sticky Sidebar Plugin - stickyMojo

[Demo] [Download]


Responsive Customizable Sticky Anything Plugin - jQuery Sticky-Anything

A simple yet highly customizable jQuery plugin that makes anything (e.g. header navigation, sidebar widgets, etc) sticky until a specific element (typically page footer element) is scrolled into view.

Responsive Customizable Sticky Anything Plugin - jQuery Sticky-Anything

[Demo] [Download]


Best Vanilla JS Sticky Sidebar Plugins

High Performance Sticky Sidebar In Pure JavaScript

This is the vanilla JavaScript version of the sticky-sidebar plugin which provides the smart, high-performance sticky sidebars for your cross-browser websites.

High Performance Sticky Sidebar In Pure JavaScript

[Demo] [Download]


Cross-browser Sticky Element Plugin With Pure JavaScript – HC-Sticky

JavaScript library that makes any element on your page visible while you scroll.

Cross-browser Sticky Element Plugin With Pure JavaScript – HC-Sticky

[Demo] [Download]


Stick Sidebar Widgets To The Top Until Reaching The Bottom - sticksy

sticksy is a small and fast JavaScript/jQuery Sticky plugin which makes any element sticky within its parent container using position: absolute attribute.

Stick Sidebar Widgets To The Top Until Reaching The Bottom - sticksy

[Demo] [Download]


Small Sticky Sidebar In Vanilla JavaScript – FloatSidebar.js

A small vanilla JavaScript plugin used to create a floating sidebar that is sticky relative to any specific element on page scroll.

Small Sticky Sidebar In Vanilla JavaScript – FloatSidebar.js

[Demo] [Download]


Make Multiple Elements Sticky When User Scrolls – Stuck.js

A small JavaScript plugin that has the ability to make multiple stacked and sticky on page scroll.

Make Multiple Elements Sticky When User Scrolls – Stuck.js

[Demo] [Download]


More Resources:

Want more jQuery plugins or JavaScript libraries to create sticky sidebars on the web & mobile? Check out the jQuery Sticky and JavaScript Sticky sections.

Related Resources: