页面跟随滚动---offset()
2016-03-16 10:20
267 查看
<ul class="rigfie"> <li class="rig1"><a href="">购物车</a></li> <li class="rig2"><a href="">联系客服</a></li> <li class="rig3"><a href="">收藏</a></li> <li class="rig4"><a href="">回到顶部</a></li> </ul> <script type="text/javascript"> /*跟随滚动条滚动*/ var menuYloc = $(".rigfie").offset().top; $(window).scroll(function (){ var offsetTop = menuYloc + $(window).scrollTop() +"px"; $(".rigfie").animate({top : offsetTop },{ duration:600 , queue:false }); }); /*回到顶部效果*/ $('.rig4').click(function(){ $("html, body").animate({ scrollTop: 0 },'fast'); }) </script>
相关文章推荐
- 自定义RatingBar
- ubuntu安装和查看已安装
- 初学者 Vi 备忘单
- 利用jquery控制checkbox被选中
- ASP.NET MVC4中的bundles特性引发服务器拒绝访问(403错误)
- 【版本更新】BCGControlBar Pro for MFC v24.4正式发布
- C++多态的实现及原理详细解析
- spring中自定义注解(annotation)与获取注解
- 经验
- Learning Spring-Cloud – Infrastructure and Configuration
- 【UML】具体解释六种关系
- linux系统Kile+Okular实现逆向搜索
- spring国际化
- MFC->同时弹出多个对话框
- Java web 基础
- 读取文件(.txt、.excel、.csv),在c++、matlab环境中
- 2016年2月流量入口占比动态:搜索引擎大涨2.14%
- 有名管道与无名管道之间的区别
- 并行计算实现判断一个数是不是素数--Win32和.Net两种方式结合
- hihoCoder题目AC #1014 : Trie树 Java