查詢平滑滾動到＃

Question

我嘗試使用下面的jQuery的片段在我的WordPress網站創建一個平滑滾動到＃鏈接：

：

$(window).bind("load", function() { 
    var urlHash = window.location.href.split("#")[1]; 
    $('html,body').animate({scrollTop:$('a[href="#'+urlHash+'"]').offset().top}, 4000);   
}); 

當鏈接結構類似這樣也能正常工作

mysite.com/page.htm#scroll1 

然而，正如我的網站WordPress的，我的鏈接結構是這樣的：

mysite.com/?page_id=6#scroll1 

或

mysite.com/section/#scroll1 

這似乎是扔腳本。

有什麼我可以添加到片段，使其能夠理解這種鏈接結構？

對不起，如果這是一個愚蠢的問題，我是一個初學者。

Answer 1

試試這個：

$(document).ready(function() { 
    function Move2UrlAnchor(speed) { 
     $('html,body').scrollTop(0); 
     if (window.location.hash) { 
      var anchor = window.location.hash; 
      var id = anchor.replace('#',''); 
      $("a[href*='"+anchor+"']").attr('id', id); 
      var ScroolPos = $(anchor).offset().top; 
      $('html,body').animate({ scrollTop: ScroolPos },speed); 
     }; 
    }; 
Move2UrlAnchor(10000); 
}); 

Answer 2

嘗試使用這樣的：

var urlHash = window.location.hash.split("#")[1];