更新记录

1.0.0（2024-04-13） 下载此版本

更新描述文件

平台兼容性

uni-app

需求背景:

最近需要在app-plus环境下兼容一款android6.0的老安卓机器,该机器的配置较低,属于切换个tab页都要卡一下的那种.主要的限制如下:

1. 无法使用css里的position:sticy
2. 看了下插件市场的其它插件,有不少需要使用uni.createIntersectionObserver,在页面列表滑动时，卡顿和延后很严重. 本插件的方案是监听scroll,使用renderjs,让sticky相关的所有运算工作在视图层,从而克服了以上的缺点,效果比较流畅.

使用说明:

1. 目前只兼容了h5和app-plus

   <template>
   <div class="conn">
   <div v-for="i in 20" :key="i">
       <!-- container-cls指定下滚动容器的class,在mescroll使用设置containerCls = 'uni-scroll-view' -->
       <!-- top指定需要停留的位置,相对于viewport -->
     <w-sticky v-if="i % 10 == 1" container-cls="conn" top="88">
       <div class="title">这里是标题{{ i }}</div>
     </w-sticky>
     <item :index="i"></item>
   </div>
   </div>
   </template>