如何将 HTML 页面滚动到给定的锚点 [英] How to scroll an HTML page to a given anchor

问题描述

我想让浏览器将页面滚动到给定的锚点，只需使用 JavaScript.

I’d like to make the browser to scroll the page to a given anchor, just by using JavaScript.

我在我的 HTML 代码中指定了 name 或 id 属性:

I have specified a name or id attribute in my HTML code:

 <a name="anchorName">..</a>

或

 <h1 id="anchorName2">..</h1>

我希望获得与导航到 http://server.com/path#anchorName 相同的效果.应滚动页面，使锚点靠近页面可见部分的顶部.

I’d like to get the same effect as you’d get by navigating to http://server.com/path#anchorName. The page should be scrolled so that the anchor is near the top of the visible part of the page.

推荐答案

function scrollTo(hash) {
    location.hash = "#" + hash;
}

根本不需要 jQuery！

No jQuery required at all!

这篇关于如何将 HTML 页面滚动到给定的锚点的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！