Skip to content

在线演示

文档站直接复用了仓库 src/views 中维护的示例组件,所以线上文档和本地调试看到的是同一套场景逻辑。

本地 Vite Demo 路由

地址场景
/#/basic-body默认 body 滚动
/#/parent-scroll指定父级滚动容器
/#/multi-table同一容器中的多个吸顶表格
/#/dynamic-top顶部工具栏高度变化后重算

在线场景

Body 默认滚动

页面式内容区域滚动时,表头会自动吸顶。

指定父容器

当真正滚动的是业务容器而不是 window 时,通过 scrollTarget 显式指定。

多表格实例

两个表格共享同一个滚动容器,但吸顶状态彼此隔离。

动态顶部区域

工具栏高度变化后会通过 observe 自动重算吸顶偏移。

可以直接在文档页里点击按钮添加表格行、增加顶部表单项,观察吸顶效果是否稳定。
如果你想用完整路由方式调试,运行 pnpm dev 后访问上面的 hash 路由即可。

基于 MIT 协议发布。