javascript - 使用 URL 中没有 # 的 anchor 滚动

Question

我需要使用 anchor 标签 滚动页面。

现在我在做:

<a href="#div1">Link1</a>

<div id='div1'>link1 points me!!</div>

当我点击 Link1 时效果很好，页面滚动到 ID 为“div1”的 div。
关键是，我不想在单击 Link1 后更改以 #div 为后缀的 URL。

我尝试使用 anchor href as

void(0);

和

location.hash='#div1';
return false;

e.preventdefault;

如何避免更改 URL？

Answer 1

scrollIntoView 在所有其他方法都失败时表现最好!

document.getElementById('top').scrollIntoView(true);

其中 'top' 是您要访问的 html 标记的 id。