首頁 > web前端 > js教程 > 如何使用 JavaScript 滾動到 HTML 中的特定錨點?

如何使用 JavaScript 滾動到 HTML 中的特定錨點?

Mary-Kate Olsen
發布: 2024-11-30 01:30:09
原創
937 人瀏覽過

How to Scroll to a Specific Anchor in HTML with JavaScript?

使用JavaScript 將HTML 頁面捲動到特定錨點

問題:

需要以程式設計方式將HTML 頁面滾動到僅使用JavaScript 的特定錨點。您已為所需的錨點分配了名稱或id 屬性,例如:

<a name="anchorName"></a>
<h1>
登入後複製

目標是複製手動導航到帶有錨點片段的URL 的效果,例如http://server.com /path#anchorName.

解決方案:

function scrollTo(hash) {
    location.hash = "#" + hash;
}
登入後複製

此JavaScript 函數透過設定location.hash 將頁面捲動到錨點財產。 location.hash 屬性表示目前 URL 的錨片段。透過將所需的錨點名稱指派給此屬性,瀏覽器將自動將頁面捲動到適當的位置。

與許多其他解決方案不同,此方法不需要任何外部函式庫,例如 jQuery。

以上是如何使用 JavaScript 滾動到 HTML 中的特定錨點?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板