scroll-view组件,在iOS设备上禁用橡皮筋回弹效果
问题描述
在实现uniapp微信小程序的一个项目时,ios真机测试,scroll-view组件可以向下拉动一段距离然后又回弹。
如下图
解决方法:
可以通过设置scroll-view
组件的属性来禁用橡皮筋回弹效果。如下,设置enhanced="true"
并设置bounces="false"
可以关闭iOS回弹效果
<scroll-view :bounces="false" :enhanced="true" >
</scroll-view>
然后在pages.json文件中设置 "disableScroll": true,如下:
{
"path": "pages/mine/mine",
"style": {
"navigationBarTitleText": "我的",
"enablePullDownRefresh": true,
"navigationStyle": "custom",
"disableScroll": true
}
},
记录。。。。。