今天在开发微信小程序时,遇到这样一个问题,在ios手机上页面没有滚动条时可以上拉或下拉,然后需求就是**:这个页面不能拉动,并且保证 如果内容超出,可以正常滑动,内容不超出也禁止ios自带的拉动**
示例图:现在这个页面是可以上下拉动的

解决办法: "disableScroll": 设置为 true 则页面整体不能上下滚动(bounce 效果),只在页面配置中有效,在 globalStyle 中设置无效
在pages.json里添加disableScroll:true
javascript
{
"path": "pages/index/category",
"style": {
"disableScroll": true,
},
},
注意:这样设置之后整个页面都不能滚动了,你可以用scroll-view 来解决页面滚动的问题
示例代码
javascript
<scroll-view scroll-y class="rightscrollview" refresher-enabled :refresher-triggered="triggered" @refresherrefresh="onRefresh" @scrolltolower="handletolower">
<view style="height:1000rpx">
以下模拟内容,你页面的很多很多内容
</view>
</scroll-view>