Antd固定标题在布局中

Question

使用ant.design，什么是将Affix应用于Layout中的Header的正确方法， 以便在滚动过程中将其固定在顶部？以下是示例布局：

import { Layout } from 'antd';
const { Header, Footer, Sider, Content } = Layout;

ReactDOM.render(
<div>
  <Layout>
    <Header>Header</Header>
    <Layout>
      <Sider>Sider</Sider>
      <Content>Content</Content>
    </Layout>
    <Footer>Footer</Footer>
  </Layout>
</div>
, mountNode);

Answer 1

所有你需要的是一些 CSS 来实现这一点

#header {
    position:fixed;
    width:100%;
    left:0;
    top:0;
    right: 0;
    z-index: 1000;
}

Answer 2

@benjycui的anwser中的演示现在在ant.design网站上发布：https ://ant.design/components/layout/#components-layout-demo-fixed