目录

微信小程序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
    })
  }