Best jQuery Fixed Header Plugins & Tutorials with Demo

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

jQuery Lockfixed Plugin

jQuery Lockfixed Plugin

Lockfixed is a jQuery plugin which allows for DOM elements to be positioned anywhere on the page, and lock within the user’s viewport when scrolling. Common use case is a menu under a header, which on scrolling stays within the viewport and doesn’t overflow the footer.

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.



Best jQuery websites design awards