Best jQuery Fixed Header Plugins & Tutorials with Demo

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.

Bootsnav : Bootstrap Menu Multi Purpose Header

Bootsnav : Bootstrap Menu Multi Purpose Header

Bootsnav is a multi purpose header based with Bootstrap, you can build any header style with bootsnav only with a few minutes.

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


Best jQuery websites design awards