Affix 固钉

将页面元素钉在可视范围。

何时使用#

当内容区域比较长，需要滚动页面时，这部分内容对应的操作或者导航需要在滚动范围内始终展现。常用于侧边菜单和按钮组合。

页面可视范围过小时，慎用此功能以免遮挡页面内容。

API#

成员	说明	类型	默认值
offset	达到指定偏移量后触发	Number	0

代码演示

import { Affix, Button } from 'antd';

ReactDOM.render(
  <Affix>
    <Button type="primary">固定在顶部</Button>
  </Affix>
, document.getElementById('components-affix-demo-basic'));

基本

最简单的用法。

import { Affix, Button } from 'antd';

ReactDOM.render(
  <Affix offset={75}>
    <Button type="primary">固定在距离顶部 75px 的位置</Button>
  </Affix>
, document.getElementById('components-affix-demo-offset'));

偏移

达到一定的偏移量才触发。