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

问题描述

我已经指定了一个

我想让浏览器将页面滚动到给定的锚点，在我的HTML代码中使用或 id 属性：

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

或

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

我想通过导航到<$ c $获得相同的效果C> http://server.com/path#anchorName 。页面应该滚动，以便锚点靠近页面可见部分的顶部。 code> function scrollTo（hash）{
location.hash =＃+ hash;



$ b

完全不需要jQuery！

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

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

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

or

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

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;
}

No jQuery required at all!

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