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">
...