vue 根据div id 滚动到指定view到可视视图中
- 在Vue中,使用
scrollIntoView方法来滚动到指定元素到可视视图中。 - 首先,通过
document.getElementById方法获取到指定的元素。 - 然后,调用
scrollIntoView方法,并传入{ behavior: 'smooth', block: 'start' }作为参数,以实现平滑滚动。 - 最后,在需要滚动的地方,调用
scrollIntoView方法,并传入指定的元素ID即可。
this.$nextTick(() => {
document.getElementById(id).scrollIntoView({
behavior: "smooth", // 平滑过渡<br>
block: 'start' // start 上边框 center 中间 end 底部边框 与视窗顶部平齐<br>
});
})
1
2
3
4
5
6
2
3
4
5
6
上次更新: 2024/04/30, 16:18:45