Antd固定レイアウトのレイアウト

Question

ant.designでは、AffixをHeader in a Layoutに適用する正しい方法は、スクロール中に上部に固定されていますか？以下の例のレイアウトです：

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

デモをする@ benjycuiの中をanwserはant.designのサイトに今公開されています：https://ant.design/components/layout/#components-layout-demo-fixed

Answer 2

必要なのは、あなたが、公式のデモを見て見ることができます。この

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

Answer 3

達成するためのいくつかのCSSです：https://github.com/ant-design/ant-design/pull/5119