Javascript - 停止在某些链接上滚动

Question

例如，

<a href="#foo">Foo</a>
<a href="#bar">Bar</a>

 ...

<div id="foo"></div>
<div id="bar"></div>

有没有办法有选择地停止某些元素的滚动？

在上面的示例中，如果我希望浏览器在单击具有“href="#bar”的 anchor 时不滚动到 #bar 元素，该怎么办？

这可能吗？

Answer 1

使用返回false的点击处理程序，这会阻止默认点击操作。

<a href="#bar" onclick="return false;">Bar</a>