! Instruction !

Use the following code to activate the Auto Hide Sticky Jquery Plugin

// JS

$('.header').autohidesticky({ // Selector e.g ".header" must be Class not Id

autohidestickyHidden: "header", // Must be the same as the above selector e.g ".header" > "header" Just Class name

autohidestickyNarrow: "header", // Must be the same as the above selector e.g ".header" > "header" Just Class name

autohidestickyNarrowOffset: 50*2, // The offset e.g 50/100/50*2=100

autohidestickyType: "active" // The type "active" or "lazy"

});

// CSS

This just example, you can rename the class as you want.

The class must be same as Jquery selector in above

.header

{

-webkit-transition-duration: .5s;

transition-duration: .5s;

-webkit-transition-timing-function: cubic-bezier( 0.215, 0.610, 0.355, 1.000 );

transition-timing-function: cubic-bezier( 0.215, 0.610, 0.355, 1.000 );

-webkit-transition-property: -webkit-transform;

transition-property: transform;

}

.header--hidden

{

-webkit-transform: translateY( -100% );

-ms-transform: translateY( -100% );

transform: translateY( -100% );

}

Auto Hide Sticky Header/Menu Jquery Plugin (AHSHM)

This plugin is used to hide and bring up a menu or header sticky automatically. So please use it :D, and share it if you enjoy this plugin. :D

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed nunc turpis, venenatis quis nibh a, auctor dignissim libero. Nunc tincidunt odio et arcu efficitur porttitor. Nulla facilisi. Pellentesque mollis, nisi in blandit iaculis, lacus tellus placerat quam, eget ultrices augue velit vel mauris. Sed dapibus pellentesque ipsum in pellentesque. Mauris blandit congue quam, vitae luctus nisi interdum quis. Vivamus consectetur, elit ac mattis condimentum, dolor erat scelerisque ipsum, eu consectetur diam est a leo. Mauris ornare lorem eu fringilla commodo. Nam vulputate venenatis rhoncus. Aenean at auctor sapien. Fusce sit amet porta justo. Praesent dignissim elementum ipsum, nec laoreet dolor facilisis vel.

Sed nec porta dui. Proin interdum sem ac euismod facilisis. Morbi dui mauris, malesuada vel quam at, porta convallis mi. Praesent non malesuada nibh. Pellentesque vehicula nec leo sed gravida. Vivamus fermentum felis suscipit, fringilla sem a, semper magna. In sed facilisis arcu, eu malesuada mauris. Proin fermentum semper nisl ac pretium. Aliquam erat volutpat. Donec imperdiet mi eget tellus consectetur, eu placerat ligula vehicula. Nullam vitae tristique purus, eget vehicula leo. Nullam ut arcu quam. Nulla nunc lacus, tempor ac ex a, lacinia dignissim neque.

Nulla varius nulla eget libero lacinia iaculis ac vitae sem. Phasellus condimentum urna a pulvinar maximus. In non venenatis tellus. In sollicitudin egestas nunc, et faucibus tellus molestie porta. Curabitur vel tempus mi. Nunc lacinia lorem sit amet dui varius, a ullamcorper risus placerat. Nullam quis sem sapien. Pellentesque hendrerit sapien semper nibh feugiat bibendum. Fusce fermentum felis quis risus tempus, ac pulvinar neque dignissim. Nam malesuada dictum mauris, id imperdiet nisl vehicula et. Curabitur id nunc urna.

Pellentesque nec elementum massa. Sed posuere eu enim id mattis. Fusce mattis erat turpis, eget volutpat ex porta eget. Pellentesque bibendum libero tempor est viverra tempus. Nullam scelerisque magna massa, eu hendrerit risus finibus eget. Integer semper dolor et purus porttitor ornare non vel nunc. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Quisque gravida finibus aliquam. Donec cursus leo non felis feugiat dictum. Donec nec leo a orci mollis luctus. Aenean a interdum leo. Donec sit amet libero placerat nisi rutrum imperdiet a non ex. Mauris ex ex, laoreet a gravida non, ultrices a orci.

Maecenas porttitor at lectus quis consequat. Sed sagittis in massa sed ornare. Maecenas tellus sapien, imperdiet nec dolor eget, pretium tincidunt risus. Cras tincidunt finibus felis eget tincidunt. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Proin erat erat, imperdiet quis arcu et, lacinia mollis lorem. Quisque a velit aliquam, accumsan neque vel, rutrum neque. Phasellus lorem nisl, auctor et convallis ac, posuere quis justo. Donec eget nisl lacus. Nullam purus orci, semper nec viverra nec, aliquam ut ligula. Nullam elementum fringilla dui, a tempus tortor viverra et. Etiam eget mi tellus. Nullam volutpat dolor vel tellus placerat dictum. Maecenas quis leo pretium, congue odio sit amet, aliquet leo. Nam vestibulum magna ultricies tortor luctus, at cursus libero lacinia.