jQuery外部頁面平滑滾動

Question

好的，這是我當前面臨的問題，當錨鏈接具有名稱或ID時，如何使jquery平滑滾動到錨鏈接。

<a name="scrollhere"> Smooth Scroll here on page load </a>
<a id="scrollhere"> Smooth Scroll here on page load </a>

因此，無論錨定鏈接說了什么，頁面加載后都應該平滑滾動。 這是一個人給我的代碼，可以正常工作。 但是唯一的問題是，只有在此條件下，此代碼才有效

<a class="scrollhere"> Smooth Scroll here on page load </a>

該代碼僅在錨鏈接具有我希望平滑滾動到達的位置的類時才有效。 但我希望它是一個名稱或ID。

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

告訴我如何更改此代碼以執行我想要的操作

Answer 1

您可以搜索要匹配的每個區域，然后返回第一個匹配項，如下所示：

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

Answer 2

要查找id ：

scrollTop:$('#'+urlHash);

要查找名稱：

scrollTop:$('[name='+urlHash+']');