jQuery Plugin For Auto Hiding Navigation Menu - showup

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:

• jQuery Plugin To Hide Sticky Navbar When Scrolling Down - Scroll Up Menu

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.