為了增強使用者體驗,通常需要透過點擊錨點連結導航到網頁的特定部分。這可以透過 JavaScript 無縫實現,甚至無需依賴 jQuery 等外部程式庫。
錨連結通常使用名稱或 id 屬性在 HTML 中定義:
<a name="anchorName">...</a>
或
<h1>
要將頁面捲動到所需的錨點,只需設定位置物件的雜湊屬性:
function scrollTo(hash) { location.hash = "#" + hash; }
例如,要導航到名為「anchorName」的錨點,請呼叫scrollTo()函數如下:
scrollTo("anchorName");
這將無縫捲動頁面以顯示可見頂部附近的錨點區域。
以上是如何使用 JavaScript 導覽到 HTML 錨點?的詳細內容。更多資訊請關注PHP中文網其他相關文章!