jquery通用滚动隐藏显示顶部bar插件ScrollUpBar
jquery scrollupbar 是一款通用于移动端和PC端的滚动隐藏显示顶部bar插件,它工作的方式为当向下滚动的时候,顶部的bar将会隐藏,而当滚动到顶部时,顶部的bar将会出现。此方式特别有用于移动端的小屏幕节省空间。
使用方法
引入核心文件
<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script> <script src="scroll-up-bar.min.js"></script>
创建html代码,这里是一个固定的top bar
<div id="topbar" style="position: fixed; top: 0; left: 0; width: 100%; background: #ccc;"> Top bar </div>
写入js,始始化插件
$('#topbar').scrollupbar();
效果演示
本文来源于:https://github.com/eduardomb/scroll-up-bar

