uniapp 解决微信小程序ios自带的上拉下拉（橡皮筋）效果

蒜苔肉丝2025-12-24 8:30

今天在开发微信小程序时，遇到这样一个问题，在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>