uniapp避坑:关于ios端的下拉刷新无效的问题

524 阅读1分钟

我相信能找到关于ios的下拉刷新问题的时候,可能已经把该做的都做了。 比如这种 pages.json设置。

	"globalStyle": {
		"navigationBarTextStyle": "black",
		"navigationBarTitleText": "川文艺校区",
		"navigationBarBackgroundColor": "#ffffff",
		"backgroundColor": "#f2f4f6",
		"backgroundTextStyle": "dark"
		// "app-plus": {
		// 	"bounce": "none"
		// }
	},

或者说这样

//下拉刷新
		onPullDownRefresh() {
			console.log('正在刷新中')
		},

这两个都做了,发现下拉刷新还是有问题。比如说ios不仅没有显示下拉刷新的样式,反而还卡住了。再比如说安卓的只要下拉(不管页面是否到顶)都会触发。这两种情况任意一种都不是我们想要的结果。 直接说结果。

.Approval {
		// position: fixed;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		z-index: -1;
		background-color: rgba(248, 248, 248, 1);
		overflow: auto;
          }

这是页面的最外层view标签,因为设置了position定位,导致出现了刚才说的两个问题。注释掉之后就再没有出现这种问题了。