微信小程序 ios 橡皮筋效果踩坑

scroll-view在ios上面会继承原来 ios 的UI 框架所以会出现“橡皮筋”效果,即上拉到最顶部的时候还可以继续上拉放手会回弹(左右同理)

解决方案

1.在不需要滚动的页面可以全局禁用滚动
{

“disableScroll”:true

}

2.使用了 scroll-view 的情况下,可以使用

<scroll-view
          :enhanced="true"
          :bounces="false“
>

这两个属性禁用橡皮筋效果(不知道为啥在uni文档上没有看到),也是百度了半天才偶尔发现的,记录一下。

回去看了眼微信的官方文档明确写了

enhanced boolean false 否 启用 scroll-view 增强特性 2.12.0

bounces boolean true 否 iOS 下 scroll-view 边界弹性控制 (同时开启 enhanced 属性后生效) 2.12.0

可恶,uni的文档上并没有写,太坑了。

  • 3
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 7
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 7
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值