码迷,mamicode.com
首页 > Web开发 > 详细

【Jquery】scroll 滚动到顶部

时间:2015-08-17 11:25:32      阅读:159      评论: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
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!