- Overview
- Documents
jQuery scroll up bar plugin hides the top bar when scrolling down, and show it when scrolling up. It's specially useful on mobile interfaces to save some precious space.
Source: github.com
Jun 16, 2014 in Menu & Accordion 4796 views
jQuery scroll up bar plugin hides the top bar when scrolling down, and show it when scrolling up. It's specially useful on mobile interfaces to save some precious space.
Source: github.com
1. INCLUDE JS FILES
<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <script src="scroll-up-bar.min.js"></script>
2. HTML
Create a fixed top bar.
<div id="topbar" style="position: fixed; top: 0; left: 0; width: 100%; background: #ccc;"> Top bar </div>
3. JAVASCRIPT
$('#topbar').scrollupbar();
Tagged with:
scroll up bar
scroll
top bar
scrolling down
scrolling up
mobile
scrolling
Related Articles