德州市建设小学网站新平台推广

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