微信小程序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
    })
  }
  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值