title: Antd Fixed Header In Layout
body: <p>With ant.design, what is the right way to apply <a href="https://ant.design/components/affix/" rel="noreferrer">Affix</a> to <a href="https://ant.design/components/layout/" rel="noreferrer">Header in a Layout</a>  so that it stays fixed at the top during scroll? Below is an example layout:</p>
  
  <pre><code>import { Layout } from 'antd';
  const { Header, Footer, Sider, Content } = Layout;
  
  ReactDOM.render(
  &lt;div&gt;
    &lt;Layout&gt;
      &lt;Header&gt;Header&lt;/Header&gt;
      &lt;Layout&gt;
        &lt;Sider&gt;Sider&lt;/Sider&gt;
        &lt;Content&gt;Content&lt;/Content&gt;
      &lt;/Layout&gt;
      &lt;Footer&gt;Footer&lt;/Footer&gt;
    &lt;/Layout&gt;
  &lt;/div&gt;
  , mountNode);
  </code></pre>