jQuery Plugin For Auto Hiding Navigation Menu - showup

jQuery Plugin For Auto Hiding Navigation Menu - showup
File Size: 20 KB
Views Total:
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   

Showup is a simple jQuery menu plugin for hiding the sticky top menu bar when scrolling down the page and showing it at the top of the page when scrolling up. The plugin also provides a back to top functionality which allows to scroll to top with a smooth animation.

See also:

How to use it:

1. Include the showup.css in the head of your document.

<link rel="stylesheet" href="showup.css">

2. Include the jQuery library and jQuery showup plugin at the bottom of your document.

<script src="https://code.jquery.com/jquery-1.10.2.min.js"></script>
<script src="showup.js"></script>

3. Create a top navigation menu.

<header class="navbar">
...
</header>

4. Call the plugin.

<script>
$().showUp('.navbar', {
upClass: 'navbar-show',
downClass: 'navbar-hide'
});
</script>

This awesome jQuery plugin is developed by upstage. For more Advanced Usages, please check the demo page or visit the official website.