如何将 HTML 页面滚动到给定的锚点

javascript jquery html scroll anchor

2022-08-30 00:04:58

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

我已经在我的HTML代码中指定了一个或属性：nameid

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

或

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

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

答案 1

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

根本不需要jQuery！

答案 2

更简单的方式：

var element_to_scroll_to = document.getElementById('anchorName2');
// Or:
var element_to_scroll_to = document.querySelectorAll('.my-element-class')[0];
// Or:
var element_to_scroll_to = $('.my-element-class')[0];
// Basically `element_to_scroll_to` just have to be a reference
// to any DOM element present on the page
// Then:
element_to_scroll_to.scrollIntoView();