在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() {行代碼。