更新记录

1.0.0(2024-04-13)

更新描述文件


平台兼容性

Vue2 Vue3
×
App 快应用 微信小程序 支付宝小程序 百度小程序 字节小程序 QQ小程序
HBuilderX 3.7.0 app-vue × × × × × ×
钉钉小程序 快手小程序 飞书小程序 京东小程序
× × × ×
H5-Safari Android Browser 微信浏览器(Android) QQ浏览器(Android) Chrome IE Edge Firefox PC-Safari
6.0 × × × × × × ×

需求背景:

最近需要在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>

隐私、权限声明

1. 本插件需要申请的系统权限列表:

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

许可协议

MIT协议

暂无用户评论。

使用中有什么不明白的地方,就向插件作者提问吧~ 我要提问