微信小程序scroll-view组件scroll-top设置后无效
目录
微信小程序scroll-view组件scroll-top设置后无效
引用scroll-view视图容器
<scroll-view
class="right-content"
scroll-y
scroll-top="{{backTop}}">内容</scroll-view>
在js文件中定义backtop变量
data: {
// 设置每次切换分类从头开始浏览
backTop: 0
}
做了以上的工作后发现并没有像预期的一样,后来看了网上的几篇文章,说是在backTop的值没改变的情况下,微信小程序自带的框架出于性能的考虑并不会重新渲染画面,因此想要解决设置完scroll-top无效的问题,可以在每次想要回到顶部的时候改变backTop的值,我这里是点击回到顶部,代码如下
toggleCategory(e) {
let backTop = this.data.backTop === 0 ? -1 : 0;
this.setData({
backTop
})
}