Skip to content

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为44pxstring | number0
customNavHeight自定义导航栏的高度string | number0
disabled是否开启吸顶功能boolean-
zIndexz-index值string | number-
index列表中的索引值string | number-
cssSticky是否使用css模式,同position: sticky属性实现效果一致booleantrue

Sticky Event

事件名参数

Sticky Slot

名称说明
default-

样式变量

🙈