$(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);

     })

 });