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的文档上并没有写,太坑了。
iOS ScrollView禁用橡皮筋效果:解决方案与属性详解
本文介绍了在iOS中使用scroll-view避免'橡皮筋'效果的方法,通过全局禁用滚动和设置`disableScroll`为真,以及使用`enhanced`和`bounces`属性来控制滚动边界弹性。特别提到uni-docs文档缺失相关信息,强调了文档一致性的重要性。
3728





