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

A jQuery plugin for squeezing your header on scroll down.

Menus Plugins

Documentation

squeezingHeader

A jQuery plugin for squeezing your header on scroll down.

Demo's here

And IRL

Usage

To make your header squeezable, simply call squeezingHeader() on your header element passing along all the contained elements' final positions:

var elementPositions =     [       {         element: '.header .title',         mins: {           fontSize: 10,           height: 10         }       },       {         element: '.header .menuBtn',         mins: {           marginRight: -100         }       }     ];  $('.header').squeezingHeader(elementPositions); 

For a working example, check out demo.html


You May Also Like