Affix 固定位置

可以辅助导航、按钮等组件固定在可视范围内。常用于内容较长的页面， 把指定元素固定在页面可视范围，辅助快速操作。

获取组件 

import { Affix } from 'rsuite';

//or
import Affix from 'rsuite/Affix';

演示

默认

指定位置

指定容器

容器在可视范围内才固定元素，当滚动页面容器不在可视范围则取消固定元素。

Props

<Affix>

属性名称 类型(默认值) 描述
children ReactNode 需要固定位置的元素
classPrefix string ('affix') 组件 CSS 类的前缀
container HTMLElement | (() => HTMLElement) 指定容器, 容器在可视范围内才固定元素
onChange (fixed: boolean) => void 当非固定与固定状态发生改变时候的回调函数
top number (0) 设置固定高度
Vercel banner