Best jQuery Fixed Header Plugins & Tutorials with Demo

    jQuery Sticky Header

    jQuery Sticky Header

    Simple jQuery plugin for making sticky header.

    floatThead : jQuery Fixed Table Headers

    floatThead : jQuery Fixed Table Headers

    jQuery.floatThead is a floating/locked/sticky/fixed table header plugin that requires no special CSS and supports window and overflow scrolling.

    Features:

    • Floats the table header – so that the user can always see it
    • Supports tables with inner scroll bars, or window scrolling
    • Horizontal and vertical scrolling
    • Doesn’t clone the thead – so your events stay bound
    • Doesn’t mess with your styles
    • Works on any table
    • Requires no special css
    • Works with datatables out of the box

    Animated Fixed Menu with CSS3 & jQuery

    Animated Fixed Menu with CSS3 & jQuery

    Fixed menus are a definitive a great ux resource for our website. They look good, and they are also super useful for visitors. Today, I’m showing you how you can create a very simple fixed menu with CSS3 transition

    Fixed Responsive One Page Nav

    Fixed Responsive One Page Nav

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

    Features:

    • Fixed positioned, always visible navigation bar
    • Uses vanilla JavaScript, no jQuery required
    • Smooth animated scrolling
    • Removes 300ms tap delay
    • Adds a mask over the content when navigation is open
    • Auto highlights current location
    • Uses a tiny custom font for icons (only two characters included)
    • Closes the navigation when user tap’s outside of it

    Freezeheader : jQuery Plugin to Freeze Table Header Row

    Freezeheader : jQuery Plugin to Freeze Table Header Row

    Freezeheader is a simple jQuery plugin to freeze header row in html table. It’s also known as fixed header table.

    Clingify : jQuery plugin for Sticky page elements

    Clingify : jQuery plugin for Sticky page elements

    Clingify is a jQuery plugin that allows you to easily create “sticky” or “fixed” headers, navs, and other page elements. Once you scroll past the targeted element, the plugin will toggle a CSS class that gives the element a fixed position, pinning it in place on the page.

    Kidd : jQuery Sticky Table Plugin

    Kidd : jQuery Sticky Table Plugin

    Kidd.StickyTable is jQuery plugin to modify a table element with a fixed header element and fixed left columns (freeze table header and the left columns).

    • Freeze table header and/or the left columns
    • Responsive tables
    • Export table to xls, pdf, and png without server script
    • Six beautiful predefined colors: green, blue, red, yellow, purple, and grey (customizable)
    • Two style available: default and bordered
    • Multiple plugin instances: allows to use multiple plugin instances on the same webpage.
    • Custom option builder with live previews.

    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.