Best jQuery Fixed Header Plugins & Tutorials with Demo

TableHeadFixer : jQuery plugin for Fix HTML Tables Header

TableHeadFixer : jQuery plugin for Fix HTML Tables Header

TableHeadFixer is a simple jQuery plugin for fixer HTML tables header, footer or columns.
This plugin will only add elements events and css attributes necessary for fix tables header, footer or columns, you can customize styles of your table, this plugin will not influence style of table (width, height, background, font color, etc…)

jQuery Simple Scroll Follow Plugin

jQuery Simple Scroll Follow Plugin

jQuery plugin to move the element according to the scrolling window.

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.