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