Sticky 黏性组件

1.2.4 新增

Sticky 组件位于 src/components/Sticky

用法

<script setup lang="ts">
import { Sticky } from '@/components/Sticky'
</script>

<template>
  <Sticky :offset="90">
    <div style="padding: 10px; background-color: lightblue"> Sticky 距离顶部90px </div>
  </Sticky>
</template>

Sticky 属性

属性说明类型可选值默认值
offset距离顶部或者底部的距离number-0
zIndex设置元素的堆叠顺序number-999
className设置指定的classstring/number--
position定位方式,默认为(top),表示距离顶部位置,可以设置为top或者bottomstringtop/bottomtop