25 jQuery Sticky HTML Element Plugins

If you are looking for jQuery plugin to create sticky header, footer, sidebar or navigation, here are some jQuery sticky plugins that makes any element on your page stay visible even if the user scrolls the page.



HC-Sticky

JavaScript library that makes any element on your page visible while you scroll. Dependency free, but lso works as a jQuery plugin.

HC-Sticky

Midnight.js

A jQuery plugin that switches between multiple header designs as you scroll, so you always have a header that looks great with the content below it.

Midnight.js

Headhesive

It creates an on-demand sticky header. Specify where you want your header to become fixed and the rest is magic.

Headhesive

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.

Sticky Footer

Fixed Nav

Responsive, fixed and touch friendly one page navigation with animated scrolling.

Fixed Nav

Portamento

Portamento is a jQuery plugin that makes it simple to add sliding panel functionality to your web page. All that’s needed is some simple CSS and one line of JavaScript, and you’re away! It works fine with floated and absolutely-positioned layouts, in all modern browsers and some not-so-modern ones too.

Portamento

Slidebars

Slidebars is a jQuery plugin for quickly and easily implementing app style off-canvas menus and sidebars into your website.

slidebars

makefixed

MakeFixed.js is a quick way to dynamically set up elements to be fixed during scroll.

makefixed

Smart Fixed Navigation

A fixed navigation that allows your users to access the menu at any time while they are experiencing your website. It’s smaller than a full-width fixed header, and replaces the back-to-top button with a smarter UX solution.

Smart Fixed Navigation

Fixed Bars Animated on Scroll

StickyBars is a web element that can be used to display informations on your site while scrolling on the pages. These bars can be horizontal or vertical and they can stick to any edge of the browser

Fixed Bars Animated on Scroll

stickyNavbar.js

jQuery plugin that helps you stick your navigation bars to the top of the browser window during scrolling. It could stop right here but stickyNavbar.js offers more: you can use your favourite jQuery effects or even fantastic Animate.CSS library to spice up your navigation. The plugin offers lot of options to suit everyone’s needs.

stickyNavbar

Sticky-Kit

Sticky-kit provides an easy way to attach elements to the page when the user scrolls such that the element is always visible.

Sticky-Kit

The Sticky Anything

This plugin allows you to make any element on your page “sticky” as soon as it hits the top of the page when you scroll down. Although this is commonly used to keep menus at the top of your page, the plugin actually allows you to make ANY element sticky (such as a Call To Action box, a logo, etc.)

The Sticky Anything

stickUp

A simple plugin that “sticks” an element to the top of the browser window while scrolling past it, always keeping it in view.

stickUp

Sticky Sidebar

Glues your website’s sidebars (or any vertical column for that matter), making them permanently visible when scrolling up and down. Useful when a sidebar is too tall or too short compared to the rest of the content. Works with virtually any design and supports multiple sidebars.

Sticky Sidebar

StickyStack

A jQuery plugin that creates a stacking effect by sticking panels as they reach the top of the viewport.

StickyStack

Stickem

Make items sticky as you scroll, to a point.

Stickem

Headroom

It is a lightweight, high-performance JS widget that allows you to react to the user’s scroll. The header on this site is a living example, it slides out of view when scrolling down and slides back in when scrolling up.

Headroom

Waypoints

Javscript library that makes it easy to execute a function whenever you scroll to an element.

waypoints

stickyMojo

stickyMojo is a contained sticky sidebar plugin for jQuery. It’s lightweight, fast, flexible and compatible with Firefox, Chrome, Safari, and IE8+. It will degrade gracefully in older versions of IE.

stickyMojo

Smint

Smint is a simple plugin that helps with the navigation on one page style websites. It has 2 main elements, a sticky navigation bar that stays at the top of the page while you scroll down and menu buttons that automatically scroll the page to the section you clicked on.

smint

Sticky Alert

Add a sticky alert bar to the top of your website.

sticky alert

Zebra_Pin

A lightweight and adaptive jQuery plugin for pinning any element to the page or to a container element.

Zebra_Pin

Stickit

A jQuery plugin provides a sticky header, sidebar or else when scrolling.

stickit

Stickr

It helps you create multiple sticky elements on a page and comes with a robust set of options that allows anyone to make it work great on their setup. It is designed to allow an element to stick to the top of the screen as while scrolling without moving outside of the parent container or the container set in the options.

Stickr

floatThead

Fixed table headers, without custom html/css.

floatThead

Leave a comment

Please be polite. We appreciate that. Your email address will not be published and required fields are marked

This site uses Akismet to reduce spam. Learn how your comment data is processed.