javascript - 如何在不更改页面哈希的情况下使用 javascript 导航到页面中的元素

Question

我需要通过单击按钮导航到元素“divElem1”。是否可以？如果我们在浏览器中输入此链接 http://myUrl#divElem1，浏览器将导航到页面和 DIV 元素“divElem1”。必须通过 javascript 获得相同的行为。

哈希更改在我的应用程序中不起作用，因为哈希更改时会触发其他事件。因此，以下将不起作用。

document.button.onclick = function () {
    location.hash = "#divElem1";
};

document.getElementById("divElem1").focus() 也不起作用，因为该元素是一个 div

Answer 1

您可以使用 scrollIntoView为此:

document.getElementById("divElem1").scrollIntoView()

这不会对目标元素的确切位置进行精细控制，但它会被移动到视口(viewport)中。更重要的是，如果元素位于可滚动容器内，则容器和其中的元素都将移动到一个位置，以便它们在视口(viewport)中可见。