如何使用 JavaScript 滚动到元素？

Question

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

我尝试了下一个代码无济于事：

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

原文由 C.. 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

您可以使用锚点来“聚焦” div。 IE：

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

然后使用以下javascript：

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

原文由 Nikoloff 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 2

scrollIntoView 效果很好：

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

MDN 文档中的完整参考：

https://developer.mozilla.org/en-US/docs/Web/API/Element.scrollIntoView

原文由 schpet 发布，翻译遵循 CC BY-SA 4.0 许可协议