页面跳转 scrollTop的值继承了

来源：9-3 Vue项目详情页 - 实现Header渐隐渐显效果

慕村0585682

2019-05-30

如题当我从首页跳转到详情页时，详情页的滑动位置是上一个页面即首页的scrollTop 位置。（大于140 直接展示header ）出现了BUG

我自己的解决办法是：

activated(){
//解决BUG
document.documentElement.scrollTop = 0
//添加事件监听
window.addEventListener(‘scroll’,this.handleScroll)
}

这样的确是解决了BUG。我想请问老师是哪里没写对呢？我看老师代码就不会有这样的问题

写回答

1回答

慕村0585682

提问者

2019-05-30

新查了一种办法

改动路由

scrollBehavior (to, from, savedPosition) {
if (savedPosition) {
return savedPosition
} else {
return { x: 0, y: 0 }
}
}

只是还是没有理解这个错误是为什么？

Dell

这是正确的写法，单页应用就会存在多个页面position影响的问题，所以这个解决方式是正确的解决方式，我的代码也存在这个问题，后面我来修正。

2019-06-05

共1条回复

Vue2.5-2.6-3.0开发去哪儿网App 零基础入门到实战

课程紧跟Vue3版本迭代，企业主流版本Vue2+Vue3全掌握

10675 学习 · 8191 问题

相似问题

回答 2

回答 1

回答 2

回答 4

回答 1