在jQuery中使用两个ScrollTop（）函数？

Question

我正在建立一个使用平滑滚动来锚定导航的单页网站。我也试图添加一个'返回顶部'按钮，但似乎无法使动画工作（点击按钮不会执行任何操作）。我相信这是因为我使用了两个scrollTop函数。这是正确的，我该如何解决这个问题？

// Smooth scrolling for page anchors 
$(document).ready(function() { 
    $('a[href^="#"]').on('click', function (e) { 
     e.preventDefault(); 

     var target = this.hash; 
     var $target = $(target); 

     $('html, body').animate({ 
      'scrollTop': $target.offset().top 
     }, 1000, 'swing'); 
    }); 

}); 
// Sticky back to top button 
$(document).ready(function() { 
    $(window).scroll(function() { 
     if ($(this).scrollTop() > 600) { 
      $('.go-top').fadeIn("500"); 
     } else { 
      $('.go-top').fadeOut("500"); 
     } 
    }); 
    $('.go-top').click(function() { 
     $('html, body').animate({ 
      scrollTop: 0 
     }, 800); 
     return false; 
    }); 
}); 

Answer 1

找到了解决办法 - 我不得不去除第二$(document).ready(function() {行代码。