Skip to content

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是否禁用吸顶Booleantrue | falsefalse
bgColor吸顶背景色String-''

插槽说明 (Slots)

插槽名说明
default需要进行吸顶悬浮粘性定位的内容节点

基于 MIT 协议开源发行

H5 模拟器 (sticky)☀️🔄