mirror of
https://github.com/ant-design/ant-design.git
synced 2024-11-27 04:36:19 +08:00
30 lines
777 B
Markdown
30 lines
777 B
Markdown
|
---
|
||
|
|
order: 4
|
||
|
|
title: 参考对象
|
||
|
|
---
|
||
|
|
|
||
|
|
用 `target` 设置 `Affix` 需要监听其滚动事件的元素，默认为 `window`。
|
||
|
|
|
||
|
|
````jsx
|
||
|
|
import { Affix, Button } from 'antd';
|
||
|
|
|
||
|
|
const Demo = () => {
|
||
|
|
return (
|
||
|
|
<div style={{ height: 100, overflow: 'hidden' }}>
|
||
|
|
<div style={{ height: '100%', overflowY: 'scroll' }} id="affix-target">
|
||
|
|
<div style={{ height: 300, backgroundImage: 'url(https://zos.alipayobjects.com/rmsportal/RmjwQiJorKyobvI.jpg)' }}>
|
||
|
|
<br />
|
||
|
|
<br />
|
||
|
|
<br />
|
||
|
|
<Affix target={() => document.getElementById('affix-target')} offsetTop={20}>
|
||
|
|
<Button type="primary">固定在容器顶部</Button>
|
||
|
|
</Affix>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
);
|
||
|
|
};
|
||
|
|
|
||
|
|
ReactDOM.render(<Demo />, mountNode);
|
||
|
|
````
|