首页 > Web开发 > 详细

jQuery实现返回顶部功能

时间:2015-12-31 20:50:29      阅读:199      评论:0      收藏:0      [点我收藏+]
 1 <script src="http://ajax.microsoft.com/ajax/jQuery/jquery-1.7.2.min.js"></script>
 2 <script>
 3 $(function(){
 4         //当滚动条的位置处于距顶部100像素以下时,跳转链接出现,否则消失
 5         $(function () {
 6             $(window).scroll(function(){
 7                 if ($(window).scrollTop()>100){
 8                     $("#back-to-top").fadeIn(1500);
 9                 }
10                 else
11                 {
12                     $("#back-to-top").fadeOut(1500);
13                 }
14             });
15 
16             //当点击跳转链接后,回到页面顶部位置
17 
18             $("#back-to-top").click(function(){
19                 $(‘body,html‘).animate({scrollTop:0},1000);
20                 return false;
21             });
22         });
23     });
24 </script>

 

jQuery实现返回顶部功能

原文:http://www.cnblogs.com/congxueda/p/5092560.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!