Skip to content

Sticky

吸顶基座:暴露 fixed 状态、偏移量和滚动信息,让 wrapper 只负责视觉。

运行时归属

H5 与小程序 adapters 共享状态与事件命名;滚动源由平台实现。

演示

安装包@varo-ui/headless
StickyRootdata-fixed=false

安装

bash
pnpm add @varo-ui/headless @varo-ui/h5
# 或
pnpm add @varo-ui/headless @varo-ui/weapp

为什么是基础能力

  • 筛选栏、分段标题和提交栏经常需要吸顶。
  • fixed 状态可驱动边框、阴影和埋点。

Parts

Part作用
StickyRoot吸顶定位、fixed slot 状态与滚动事件

状态与事件

  • 状态:offsetTopzIndexdisableddata-fixed
  • 事件:changescroll

平台说明

H5 观察 window 滚动;小程序绑定页面或滚动容器。

相关文档