jquery滚动隐藏或显示顶部插件ScrollUpBar Plugin

所属分类:UI-滚动

 42136  324  查看评论 (0)
分享到微信朋友圈
X
jquery滚动隐藏或显示顶部插件ScrollUpBar Plugin ie兼容9

使用方法

添加jQuery和scroll-up-bar.min.js脚本到你的页面:

<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
<script src="scroll-up-bar.min.js"></script>


创建一个固定的top bar

<div id="topbar" style="position: fixed; top: 0; left: 0; width: 100%; background: #ccc;">
  Top bar
</div>


然后调用scrollupbar()的元素。

$('#topbar').scrollupbar();
相关插件-滚动

HTML5单页面全屏滚动特效

全屏滚动代码简单,非常适合新手。
  滚动
 54805  474

fullpage平滑换页+css3酷炫导航

fullpage平滑换页+css3酷炫导航
  滚动
 38673  494

仿淘宝、京东等电商网站楼层跳转滚动定位

实现电商网站的滚动监听、导航定位、返回顶部的功能
  滚动
 30397  410

jQuery自定义滚动条插件

支持IE9及以上,360,谷歌,火狐的自定义滚动条,可以设置滚动条的初始位置以及滚动条的颜色等
  滚动
 27719  316

讨论这个项目(0)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复