jquery通用滚动隐藏显示顶部bar插件ScrollUpBar

jquery scrollupbar 是一款通用于移动端和PC端的滚动隐藏显示顶部bar插件,它工作的方式为当向下滚动的时候,顶部的bar将会隐藏,而当滚动到顶部时,顶部的bar将会出现。此方式特别有用于移动端的小屏幕节省空间。

jquery通用滚动隐藏显示顶部bar插件ScrollUpBar

使用方法

引入核心文件

<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