https://uniapp.dcloud.io/component/scroll-view?id=scroll-view
原因:scroll-top=0值一直相同是不会触发动态绑定事件
解决方案:
方案一:指定位置为0-1的随机数,1px不容易看出来
<scroll-view scroll-y="true" :scroll-top="scroll-Top">
this.scroll-Top = Math.random();
方案二:结合@scroll事件一直监听
//template
<scroll-view
:scroll-top="scrollTop"
scroll-y="true"
class="scroll-Y"
@scroll="scroll"
>
<view>滚动区域</view>
</scroll-view>
// script
export default {
data() {
return {
scrollTop: 0,
oldScrollTop:0
}
},
methods: {
scroll (e) {
//记录scroll 位置
this.oldScrollTop = e.detail.scrollTop
},
goTop (e) {
//视图会发生重新渲染
this.scrollTop = this.oldScrollTop
//当视图渲染结束 重新设置为0
this.$nextTick(() =>{
this.scrollTop = 0
});
uni.showToast({
icon:"none",
title:"纵向滚动 scrollTop 值已被修改为 0"
})
}
}
}