3 回答

TA貢獻1788條經驗 獲得超4個贊
禁用可行的鏈接使用 href = "javascript:void(0)" 如果你想使用 animate 和 scrollTop 使用 href = "javascript:void(0);" 如果您想進入頁面中的特定部分,請在超鏈接中使用 href="#sectionid"

TA貢獻1856條經驗 獲得超11個贊
謝謝為我努力過的人。我有辦法克服這個障礙。但我確信它不是 SEO 友好的。
如果我們將 URL 設為 example.com/pageslug?id=sectionid
那么下面的功能可以幫助你。
$.urlParam = function(name){ // function to get the section id passed through URL
var results = new RegExp('[\?&]' + name + '=([^&#]*)').exec(window.location.href);
return results[1] || 0;
}
var sectionid = $.urlParam('id');
if(sectionid != null) {
$('html, body').animate({
scrollTop: $("#"+sectionid).offset().top - 100
}, 1000);
}
但是,如果有任何更好的答案和/或對 SEO 友好的答案,我們將不勝感激。

TA貢獻1773條經驗 獲得超3個贊
為此,您可以在目標頁面上使用動畫功能,如果 url 具有部分 ID,則此功能將運行。例如,目標網址是
example.com/pageslug/#sectionid.
在“example.com/pageslug”頁面上編寫動畫函數,如果要檢查的條件是 url 包含部分 id。如果部分 id 存在,則動畫函數將執行以顯示該部分的內容。
它可以解決你的問題。
添加回答
舉報