Sticky 吸顶组件

Sticky 需要配合 Page的 scroller 模式 或 Scroller 组件完成吸顶功能,不单独使用。 Sticky 内部有 static静止状态,leaving离开吸顶的过度状态,sticky吸顶状态,当状态变化的时候会触发 onStateChange,为了减少不必要的通信提升性能开发时请谨慎使用 onStateChange。offset 为吸顶距离,通常用于多重吸顶的分组标志。 处于向前兼容的考虑 sticky状态

示例

代码节选自:yis-demo/src/pages/components/sticky/index.js
<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 × 状态变化函数