【Jquery】scroll 滚动到顶部

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；之后就可以了。