[uni-app]记录APP端跳转页面自动滚动到底部的bug
文章目录
- bug描述
- 原因
- 分析:
- 处理方案
bug描述
1.点击的A页面, 跳转到了B页面, 第一次页面正常显示
2.从B页面返回A页面
3.A页面不进行任何操作,再次点击A页面进入B页面
4.B页面自动滚动到底部.
原因
看一段A页面代码
let that = this
this.defaultScrollTop = uni.getStorageSync('detailScrollTop')
this.$nextTick(() => {
that.getInfoHeight();
that.getPostion()
clearTimeout(this.timer)
this.timer = setTimeout(() => {
if (that.courseInfo.unlock != 0 && that.courseInfo.catalog && that
.courseInfo.catalog.length) {
if (this.firstLoad) {
that.switchClick(2)
} else {
if (!this.firstLoad) {
console.log('jump to page')
console.log(this.defaultScrollTop, '----')
uni.pageScrollTo({
scrollTop: this.defaultScrollTop,
duration: 150
})
}
}
this.firstLoad = false
}
}, 300)
})
分析:
此处代码仅在 onLoad中调用, 按理说和点击事件毫无关系
最后排查发现 问题出在事件循环上
this.$nextTick(()=>{})
所以在路由跳转后, A页面的该回调函数被调用,此时的回调触发uni.pageScrollTo
就造成了在B页面诡异的滚动到底部问题
处理方案
移除 jsthis.$nextTick(()=>{}) 或者在A页面做逻辑判断