Best jQuery Fixed Header Plugins & Tutorials with Demo

Sticky Sidebar : jQuery Smart and high performance Sticky Sidebar

Sticky Sidebar : jQuery Smart and high performance Sticky Sidebar

Sticky Sidebar is a pure JavaScript plugin for making smart and high performance sticky sidebar, works with sidebar if it’s taller or shorter than the viewport, integrated with resize sensor to re-calculate the dimensions automatically when the size of sidebar or its container is changed, supports jQuery/Zepto.

jQuery Sticky Table Header Plugin

jQuery Sticky Table Header Plugin

A small and accessible jQuery plugin for adding sticky headers to large data tables.

Features:

  • Supports multiple tables on one page
  • Uses position: fixed that allows smooth scrolling and a wide range of browser support
  • Screenreader support
  • Minimal DOM updates in scroll event

Stopattop : jQuery Sticky Element Plugin

Stopattop : jQuery Sticky Element Plugin

Stopattop  is a jQuery plugin that will stop elements from scrolling past the top of the browser window.

Floater : jQuery Smooth floater on Scroll

Floater : jQuery Smooth floater on Scroll

Super smooth & easy jquery floater on scroll, based on sticky-kit. Supports 3d transitions if available with fallback to setting element’s top position.

Footer-reveal.js : jQuery Fixed or Reveal Footer Effect Plugin

Footer-reveal.js : jQuery Fixed or Reveal Footer Effect Plugin

Footer-reveal.js is a jQuery plugin for easy implementation of the ‘fixed/reveal’ footer effect.

jQuery Squeezing Header Plugin

jQuery Squeezing Header Plugin

A jQuery plugin for squeezing your header on scroll down.

jQuery simple Scroll Follow Plugin

jQuery simple Scroll Follow Plugin

jQuery plugin for following after scrolling window.

Add to Cart Interaction with CSS & jQuery

Add to Cart Interaction with CSS & jQuery

A floating cart that slides in when the user decides to buy an item.

We’re used to different patterns when it comes to the “add to cart” process. The basic idea behind this pattern is to notify the user that an item has been added to the cart, and provide her/him with a link to proceed to the checkout.

Bootsnav : Bootstrap Menu Multi Purpose Header

Bootsnav : Bootstrap Menu Multi Purpose Header

Bootsnav is a multi purpose header based with Bootstrap, you can build any header style with bootsnav only with a few minutes.

Mobility : Framework for developing Mobile Applications

Mobility : Framework for developing Mobile Applications

Mobility is a super light weight HTML, CSS, and JS framework built on top of Bootstrap for developing mobile applications.

Features:

  • CSS Powered Transitions
  • Fixed Header and footer
  • Form Fields optimized for mobile
  • Tabs
  • Lists (with inifinite scrolling pagination both on top and on the bottom)
  • Modals
  • Popover Menus
  • Aside Menus
  • Notifications
  • Hero Image