布局中的 Antd 固定标题

Question

使用 ant.design， 在布局 中将 Affix 应用到页眉以使其在滚动过程中保持固定在顶部的正确方法是什么？下面是一个示例布局：

 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);

原文由 cannin 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

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

原文由 afc163 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

您只需要一些 CSS 即可实现此目的

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

原文由 Vilas Kumkar 发布，翻译遵循 CC BY-SA 3.0 许可协议