微信小程序 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的文档上并没有写,太坑了。

猜你喜欢

转载自blog.csdn.net/Sakura_Codeboy/article/details/112969205