Affix 固钉

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

何时使用

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

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

API

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

组件演示

var Affix = antd.Affix;

React.render(
  <Affix>
    <button className="ant-btn ant-btn-primary">固定在顶部</button>
  </Affix>
, document.getElementById('components-affix-demo-basic'));

基本

最简单的用法。

var Affix = antd.Affix;

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

偏移

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