Best jQuery Fixed Header Plugins & Tutorials with Demo

StickySort : jQuery Plugin for Tables with Sticky Header

StickySort : jQuery Plugin for Tables with Sticky Header

StickySort is a jQuery plugin that creates sticky headers and columns on your tables, complete with the possibility to add a sortable functionality. This plugin was inspired by a recent task at work where I have to create sticky headers to allow users to orient themselves in large tables that, at many instances, fill the full height of the viewport.

StickyStack.js : jQuery Stacking Effect Plugin

StickyStack.js : jQuery Stacking Effect Plugin

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

Sticky : Ultimate jQuery Sticky Scroll Plugin

Sticky : Ultimate jQuery Sticky Scroll Plugin

Sticky is a jQuery plugin that gives you the ability to make any element on your page always stay visible.

jQuery Sticky Hooters

jQuery Sticky Hooters

jQuery plugin that dynamically sticks content headers and footers to the top and bottom of viewport.

Headtacular : jQuery Nice minimalist Sticky Header

Headtacular : jQuery Nice minimalist Sticky Header

Headtacular is a nice minimalist sticky header a jQuery plugin.As the user scrolls, the script will check if they have scrolled past the scrollPoint. If so, it will add the CSS class .is-stuck to the targeted object.

FlyOut : CSS3 Fixed and Sticky Website Banner Positions

FlyOut : CSS3 Fixed and Sticky Website Banner Positions

FlyOut sticky website banners are ideal way to display your banners. You can show HTML5, Flash, gif, textual or static image banners effectively and with style.

  • 14 predefined banner sizes
  • 7 predefined fixed banner positions
  • Eye catching visual effects
  • Custom options to fit your needs
  • Delay the banner visibility based on time
  • Delay the banner visibility based on scroll
  • Set a cookie if a visitor chooses to close the banner
  • Insert iframe, object or any kind of element

Loading Header while Scrolling with jQuery & CSS3

Loading Header while Scrolling with jQuery & CSS3

This tutorial will teach you how to create a loading header effect while you scroll. To create this we will use both jQuery and some CSS features. This tutorials has 4 examples and i will explain in detail how each works.

Loading header while you scroll it’s a growing trend in the web design industry. It’s a great visual way of letting users know how much more they have to read until the end of the article.

Makefixed.js : jQuery Fixed Element during Scroll

Makefixed.js : jQuery Fixed Element during Scroll

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

  • Lightweight! Less than 2.4KB;
  • Allow callback functions;
  • jQuery required.

StickemUp! : jQuery plugin to make Elements Sticky

StickemUp! : jQuery plugin to make Elements Sticky

Stick Em Up is a jQuery plugin that provides easy way to determine when an element has been reached, passed, and passed back.

The plugin will also tell you what direction the user was scrolling when it hit that element, and fires an optional callback during scrolling to do what you please with this information.

Auto-Hide Sticky Header with JavaScript & CSS3

Auto-Hide Sticky Header with JavaScript & CSS3

Auto-hide sticky header is a shot that shoots down two rabbits: makes site navigation easily accessible anywhere on the page and saves content space at the same.



Best jQuery websites design awards