ant-design/components/affix/index.en-US.md
ddcat1115 0baef0627e docs: 调整组件导航结构 (#3758)
- Layout 更名为 Grid
2016-11-09 14:43:32 +08:00

947 B

category type title
Components Navigation Affix

Make an element sticky to viewport.

When To Use

When user browses a long web page, some content need to sticky to viewport. It is common for menus and actions.

Please note that Affix should not cover other content in page, especially when the size of viewport is small.

API

Property Description Type Default
offsetTop Pixels to offset from top when calculating position of scroll Number 0
offsetBottom Pixels to offset from bottom when calculating position of scroll Number -
onChange Callback when affix state is changed Function(affixed) -

Note: Children of Affix can not be position: absolute, but you can set Affix as position: absolute:

<Affix style={{ position: 'absolute', top: y, left: x}}>
  ...
</Affix>