vue页面跳转,滚动条不在顶部

解决vue页面跳转,滚动条不在顶部问题

问题描述:在首页点击指定的路由跳转,跳转到详情页之后,滚动条默认显示在底部,需要手动往上拉才能看到详情标题

解决:在main.js中添加路由守卫


// 解决跳转到详情页,滚动条不在顶部问题
router.afterEach((to, from, next) => {
    window.scrollTo(0, 0);
});

//scrollTo() 方法可把内容滚动到指定的坐标
//语法:
scrollTo(xpos,ypos)

找了许久的问题,之前以为是我的内容高度过高,原来是整个页面的滚动条问题,踩坑快乐~


版权声明:本文为weixin_57167969原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。