vue项目中滚动到某元素位置，使用scrollIntoView()

1.使用a标签+#号

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

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

2.scrollTop滚动到某位置

document.documentElement.scrollTop=380;//不需要加单位
直接这句就可以实现滚动到某位置

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

document.getElementById(“ID”).scrollIntoView();

例如

document.querySelector('.order_cp'))
.scrollIntoView({ behavior: 'smooth' })

参数