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

Toggle NavBar is a jQuery plugin for creating a smart sticky header navigation that slides/fades out when the user scrolls down the page and reveals again when scrolling up.

sticky-navigation

Documentation

Jquery Toggle NavBar 1.1

Very light Jquery Plugin for hide and show navbar on scrolling.

Nasser Maronie

  • Demo

  • github

    toggleNavBar.js 1.1

    Create toggle effect when scrolling page with fade effect or slide effect.

    Invoke the plugin with settings

    //slide effect   $('#navbar').toggleNav({ 	     slideEffect : true, // Toggle effect, (boolean). Only accept true or false.       speed : 300 // Toggle animation speed (number) limit of speed is 5000.   });    //fade effect   $('#navbar').toggleNav({ 	     fadeEffect : true,       speed : 300   });

    The navbar will be positioned 'fixed' and stick on the top of screen with full width.


You May Also Like