收藏
回答

开发微信小程序在scroll-view中bounces(禁止橡皮筋效果)在苹果端只有第一次渲染有效?

scroll-view中bounces在苹果端禁止橡皮筋效果 只有第一次渲染有效,如果更新scroll-view里面的数据 bounces就没效果了 就会又出现橡皮筋效果

回答关注问题邀请回答
收藏

1 个回答

  • 翛然
    翛然
    03-06

    谢谢提供了思路,

    现在通过重置bounces属性为false解决了这个问题。但依旧希望微信官方能修复这个问题,这个问题这么久了,微信一直无视,也是吓人。

    // .wxml
    <scroll-view
      enhanced
      bounces="{{bounces}}"
    >
       ...
    </scroll-view>
    
    // .js
    data: {
     bounces: false
    },
    observers: {
     // 侦听任何可能影响到scroll-view里的内容的属性
     'propChangeTheContentInScrollView1,propChangeTheContentInScrollView2': function () {
        this.setData({
          bounces: true
        });
        setTimeout(() => {
          this.setData({
            bounces: false
          });
        },100);//假定100ms后scroll-view里的内容渲染完毕
      }
    },
    
    03-06
    有用
    回复
登录 后发表内容