如何使页面滚动到元素？

Question

我想滚动到一个元素（让用户可见），即使该元素位于页面底部。

我试过

document.getElementById('idOfLink').focus();

但如果元素位于很长页面的底部，则用户看不到它。

Answer 1

有两种可能的方法，每种方法都适用于不同的场景：

您可以使用scrollIntoView()，它会将元素滚动到视图中，但不会添加保存用户按下后退按钮时的“状态”：

document.getElementById('idOfLink').scrollIntoView();

如果您需要后退按钮支持，则需要修改window.location.hash：

window.location.hash = 'idOfLink';

Answer 2

您可以按原样使用哈希标记：

window.location.hash = "idOfLink"

Example