首页 > Web开发 > 详细

【Jquery】scroll 滚动到顶部

时间:2015-08-17 11:22:30      阅读:203      评论:0      收藏:0      [点我收藏+]

Jquery 实现页面滚动到顶端

 $(document).ready(function () {
     // 滚动窗口来判断按钮显示或隐藏
     $(window).scroll(function () {
         //根据滚动条距顶部位置,显示还是隐藏top按钮
         if ($(this).scrollTop() > 150) {
             $(‘.back-to-top‘).fadeIn(100);
         } else {
             $(‘.back-to-top‘).fadeOut(100);
         }
     });
 
     // jQuery实现动画滚动按钮事件
     $(‘.back-to-top‘).click(function (event) {
         event.preventDefault();
         $(‘html, body‘).animate({ scrollTop: 0 }, 500);
     })
 });

注意:.back-to-top 的position:fixed;之后就可以了。

【Jquery】scroll 滚动到顶部

原文:http://www.cnblogs.com/oiliu/p/4735928.html

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