Sticky 需要配合 Page
的 scroller 模式 或 Scroller
组件完成吸顶功能,不单独使用。
Sticky 内部有 static
静止状态,leaving
离开吸顶的过度状态,sticky
吸顶状态,当状态变化的时候会触发 onStateChange
,为了减少不必要的通信提升性能开发时请谨慎使用 onStateChange
。offset 为吸顶距离,通常用于多重吸顶的分组标志。
处于向前兼容的考虑 sticky
状态
<Sticky offset={300} onStateChange={ (data) => {
console.log("onStateChange", data); // data(sticky|static)
}}>
// ...
</Sticky>
参数名 | 类型 | 必选 | 默认值 | 描述 |
---|---|---|---|---|
className | string | × | 无 | 根节点类名 |
offset 1.3.0 104 | number | × | 0 | 吸顶距离 |
onStateChange 1.3.0 104 | function | × | 无 | 状态变化函数 |