在线演示
文档站直接复用了仓库 src/views 中维护的示例组件,所以线上文档和本地调试看到的是同一套场景逻辑。
本地 Vite Demo 路由
| 地址 | 场景 |
|---|---|
/#/basic-body | 默认 body 滚动 |
/#/parent-scroll | 指定父级滚动容器 |
/#/multi-table | 同一容器中的多个吸顶表格 |
/#/dynamic-top | 顶部工具栏高度变化后重算 |
在线场景
Body 默认滚动
页面式内容区域滚动时,表头会自动吸顶。
指定父容器
当真正滚动的是业务容器而不是 window 时,通过 scrollTarget 显式指定。
多表格实例
两个表格共享同一个滚动容器,但吸顶状态彼此隔离。
动态顶部区域
工具栏高度变化后会通过 observe 自动重算吸顶偏移。
可以直接在文档页里点击按钮添加表格行、增加顶部表单项,观察吸顶效果是否稳定。
如果你想用完整路由方式调试,运行
pnpm dev 后访问上面的 hash 路由即可。