VUE_vue项目中滚动到某元素位置或者到页面顶部

// 跳转后返回顶部
router.afterEach((to,from,next) => {
    
    
window.scrollTo(0,0);
})

1.使用a标签+#号

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

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

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

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

document.getElementById(ID).scrollIntoView();

猜你喜欢

转载自blog.csdn.net/weixin_44599931/article/details/107960360