首页
归档
笔记
树洞
搜索
友言

文章详情

Interesting People Record Interesting.

/ JavaScript / 文章详情

vue 解决跳转新页面时无法回到顶部的问题

Sonder
2020-10-07
394字
1分钟
浏览 (2.8k)

最近写一个项目当页面跳到新的页面时滚动条总是在当前位置

3.gif

然后在router.js里面加了

复制代码
const createRouter = () => new Router({
   mode: 'history',
   scrollBehavior: () => ({y: 0,x: 0}),
   routes: constantRoutes
});

scrollBehavior: () => ({y: 0,x: 0}),还是没有用

结果打开审查元素发现是因为给body加了overflow: auto;

复制代码
html, body {
 min-height: 100%;
 padding: 0;
 margin: 0;
 //overflow: auto;
 min-width: 1210px;
}

完美解决!

下一篇 / vue swiper 实战

🎯 相关文章

💡 推荐文章

🕵️‍♂️ 评论 (0)