Sticky 吸顶
用于实现页面滚动到顶部设定距离时自动悬浮吸顶的布局控件,全端基于 CSS sticky 原生硬件加速实现。
代码示例
vue
<template>
<mu-sticky :top="88">
<view class="sticky-bar">📌 吸顶标题栏</view>
</mu-sticky>
</template>API 属性说明 (Props)
| 参数名 | 说明 | 类型 | 可选值 | 默认值 |
|---|---|---|---|---|
| top | 吸顶时距离顶部的像素距离 (支持 '0' 或 '88rpx') | Number | String | - | 0 |
| zIndex | 吸顶状态下的层级 | Number | String | - | 99 |
| disabled | 是否禁用吸顶 | Boolean | true | false | false |
| bgColor | 吸顶背景色 | String | - | '' |
插槽说明 (Slots)
| 插槽名 | 说明 |
|---|---|
| default | 需要进行吸顶悬浮粘性定位的内容节点 |