uniapp 解决ios上拉下拉白边处理

Posted 2022-04-01 奥特曼　

ios设备在微信小程序中使用 不管是向下拉到底还是向上拉到底 都会出现一个白色边框，底色是白色背景的用户可能这也无所谓 看不出来，但项目遇到深色一点的 使用户体验非常不好

解决方案

加page.json页面文件中加上 "disableScroll":true,

 
			"path": "pages/shangcheng/shangcheng",
			"style": 
				"navigationBarTitleText": "商城",
				"enablePullDownRefresh": false,
				"disableScroll":true,
				"navigationBarBackgroundColor": "#1B232F",
				"navigationBarTextStyle": "white"
			

改动完 发现页面的一些滑动效果都没有了（特指 overflow:auio ） 这时候只能去用 scroll-view scroll-y="true" 标签去滑动列表

如果设计到分页 scroll-view 无法触发页面的触底事件 但是呢 scroll-view 自身也给我们自带了一个触底事件  

<scroll-view  scroll-y="true" @scrolltolower="scrolltolower"></scroll-view>

 scroll-view | uni-app官网