🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL

Stickish is a very small jQuery plugin used to create cross-browser, Instagram-style sticky headers using CSS position:fixed property.

Sticky

Documentation

Stickish

Instagram Sticky Header for Web

Basic Usage:

.sticky are the target elements you want to behave like instagram sticky headers.

$(document).ready(function() {      // initialize plugin     $('.sticky').stickish();  });

... and for its Basic stylesheet you can add:

    <link href="path_to/stickish.css" rel="stylesheet">

Roadmap:

  • On resize re-init stickish

Demo:

Sample sticky headers


You May Also Like