Sticky
基础用法
html
<pa-sticky>
<view class="flex justify-start ml-26">
<pa-button width="200">基础用法</pa-button>
</view>
</pa-sticky>吸顶距离
html
<pa-sticky offset-top="30">
<view class="flex justify-center">
<pa-button width="200">吸顶距离</pa-button>
</view>
</pa-sticky>Sticky Props
| 参数 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| offsetTop | 吸顶容器到顶部某个距离的时候,进行吸顶,在H5平台,NavigationBar为44px | string | number | 0 |
| customNavHeight | 自定义导航栏的高度 | string | number | 0 |
| disabled | 是否开启吸顶功能 | boolean | - |
| zIndex | z-index值 | string | number | - |
| index | 列表中的索引值 | string | number | - |
| cssSticky | 是否使用css模式,同position: sticky属性实现效果一致 | boolean | true |
Sticky Event
| 事件名 | 参数 |
|---|
Sticky Slot
| 名称 | 说明 |
|---|---|
| default | - |
样式变量
🙈