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();
Logo

前往低代码交流专区

更多推荐