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

8 篇文章 0 订阅
1 篇文章 0 订阅

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

<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"这两个属性。

<scroll-view style="height: 100vh;" enhanced :bounces="false"  scroll-y @scrolltolower="scrollToLower">
...
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值