小程序IOS页面下拉回弹效果

小程序IOS页面下拉回弹效果

小程序在ios系统上的橡皮筋回弹效果，是ios特有的，目前小程序没有特有的方法去控制。根据业务需求不想要这个回弹的效果，故此记录一下解决方案；

方案一：当页面内容比较少，且没有用到scroll-view组件时

在页面配置中添加：{"disableScroll": true} ，这个属性会禁止整个页面滚动。不适合页面有滚动区域的情况；

方案二：当页面上有滚动区域，使用了scroll-view时

在微信的官方文档scroll-view组件，上记录了两个属性，当enhanced为true开启时，bounces: false 就可以关闭ios回弹效果；

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

方案三：当你只是不想看到回弹的白色区域，可以更改区域颜色

在页面的配置中，配置ios顶部窗口背景色。

{
    "backgroundColorTop": "顶部窗口的背景色",
    "backgroundColorBottom": "底部窗口的背景色"
}