更新记录
1.0.0(2024-04-13)
下载此版本
更新描述文件
平台兼容性
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页都要卡一下的那种.主要的限制如下:
- 无法使用css里的
position:sticy
- 看了下插件市场的其它插件,有不少需要使用
uni.createIntersectionObserver
,在页面列表滑动时,卡顿和延后很严重.
本插件的方案是监听scroll,使用renderjs,让sticky相关的所有运算工作在视图层,从而克服了以上的缺点,效果比较流畅.
使用说明:
- 目前只兼容了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>