ant-design/components/affix/demo/target.md
2019-05-07 14:57:32 +08:00

1.0 KiB

order title
2
zh-CN en-US
滚动容器 Container to scroll.

zh-CN

target 设置 Affix 需要监听其滚动事件的元素,默认为 window

en-US

Set a target for 'Affix', which is listen to scroll event of target element (default is window).

import { Affix, Button } from 'antd';

class Demo extends React.Component {
  render() {
    return (
      <div
        className="scrollable-container"
        ref={node => {
          this.container = node;
        }}
      >
        <div className="background">
          <Affix target={() => this.container}>
            <Button type="primary">Fixed at the top of container</Button>
          </Affix>
        </div>
      </div>
    );
  }
}

ReactDOM.render(<Demo />, mountNode);