vue项目中滚动到某元素位置

2020-03-23 本文已影响0人八妹sss

1.使用a标签+#号

<a href="#box1">我跳到box1</a>
<div id="box2"></div>

上面这一种的缺点是，url会发生改变，会在url最后面加上片段识别符#box2，这样就改变了URL的路径，这是我们不想看到的。因为再次刷新的时候回出现问题。当使用 vue-router回退时，发现需要回退很多次。

2.scrollTop滚动到某位置

document.documentElement.scrollTop=380; // 不需要加单位

直接这句就可以实现滚动到某位置

3.scrollIntoView()实现滚动到某元素

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