小程序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": "底部窗口的背景色"
}
具体要根据业务需求做出改变,欢迎大家一起交流;

你可能感兴趣的:(uniApp,小程序,uni-app)