uniapp ios sticky定位,内部 u-tabs(包含scroll-view)消失问题

uniapp中用sticky定位时,元素内部如果有scroll-view,ios在触发bounce机制时,scroll-view的元素会消失,解决方法是页面上包一层高度为100vh的scroll-view

bash 复制代码
<scroll-view style="height: 100vh;" scroll-y @scrolltolower="scrollToLower">
	<view class="pages">
		<view class="top">
			<u-tabs...>
		</view>
	</view>
</scroll-view>
...
methods: {
	scrollToLower(){
		console.log(111)
	}
}
...
<style>
.top{
	position: sticky;
	top: 0;
}
</style>

此时onReachBottom肯定失效,如果需要做拉到底部刷新,加一个@scrolltolower事件即可。

如果要去掉ios的bounce机制,可以加 enhanced 和 bounces="false"这两个属性。

bash 复制代码
<scroll-view style="height: 100vh;" enhanced :bounces="false"  scroll-y @scrolltolower="scrollToLower">
...
相关推荐
2501_9159184110 小时前
苹果App Store上架审核卡住原因分析与解决方案指南
android·ios·小程序·https·uni-app·iphone·webview
HWL567919 小时前
uni-app的生命周期
前端·vue.js·uni-app
一颗小青松19 小时前
uniapp设置安卓 ios 自定义启动页
uni-app
仙古.梦回~19 小时前
uniapp中使用plus对象实现经典蓝牙
uni-app
2501_9159184120 小时前
基于Mach-O文件的动态库与静态库归属方案及API扫描实践
android·ios·小程序·https·uni-app·iphone·webview
2501_9151063220 小时前
iOS 证书无法跨电脑使用?签名迁移方法一文讲透
android·ios·小程序·https·uni-app·iphone·webview
小王码农记20 小时前
uniapp中使用vuex
uni-app
HWL567920 小时前
uni-app中路由的使用
前端·uni-app
万物得其道者成20 小时前
uni-app App 端不支持 SSE?用 renderjs + XHR 流式解析实现稳定输出
前端·javascript·uni-app
WeirdoPrincess20 小时前
iOS 打包签名资料准备指南(HBuilderX / uni-app)
ios·uni-app