- Overview
- Documents
Hidescroll.js is jQuery plugin for hiding navbar on scrolling down and showing on scrolling up. It's all for the better user reading experience.
Source: github.com
Aug 13, 2014 in Menu & Accordion 3562 views
Hidescroll.js is jQuery plugin for hiding navbar on scrolling down and showing on scrolling up. It's all for the better user reading experience.
Source: github.com
1. INCLUDE CSS AND JS FILES
<link rel="stylesheet" href="css/style.css"> <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script> <script src="jquery.hidescroll.js"></script>
2. HTML
<div class="navbar"></div>
3. JAVASCRIPT
$('.navbar').hidescroll();
4. OPTIONS
Here is list of all available
Option | Default | Type | Description |
---|---|---|---|
offset | 0 | int | How far scroll distance (from top) navbar sticking has taken place |
interval | 250 | int | How often (in ms) is to be checked current scroll position and direction |
stickClass | stick | string | Class used on navbar stick |
visibleClass | visible | string | Class used on navbar stick is visible |
hiddenClass | hidden | string | Class used on navbar stick is hidden |
Tagged with:
hidescroll.js
jquery plugin
hiding navbar
scrolling down
showing navbar
scrolling up
reading experience
hidescroll
Related Articles