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 | × | 无 | 状态变化函数 |