Best jQuery Fixed Header Plugins & Tutorials with Demo

Sticklr PHP : Easy Sticky Side Panel Builder

Sticklr PHP : Easy Sticky Side Panel Builder

Sticklr PHP is a PHP script which provides an easy way to generate sticky side panel navigation menu in server-side from various sources of formats: PHP, JSON, or MySQL database table.

jQuery pinBox : Plugin to Pin any Element

jQuery pinBox : Plugin to Pin any Element

PinBox is a jQuery plugin to pin any element within a container.

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.



Best jQuery websites design awards