如何使用JavaScript滚动到元素?

2022-08-30 00:12:59

我正在尝试将页面移动到元素。<div>

我已经尝试了下一个代码,但无济于事:

document.getElementById("divFirst").style.visibility = 'visible';
document.getElementById("divFirst").style.display = 'block';

答案 1

scrollIntoView运行良好:

document.getElementById("divFirst").scrollIntoView();

MDN文档中的完整参考:
https://developer.mozilla.org/en-US/docs/Web/API/Element.scrollIntoView


答案 2

您可以使用锚点来“聚焦”div。即:

<div id="myDiv"></div>

然后使用以下 javascript:

// the next line is required to work around a bug in WebKit (Chrome / Safari)
location.href = "#";
location.href = "#myDiv";