Antd固定頁眉佈局

有了ant.design，將Affix應用於Header in a Layout的正確方法是什麼，以便它在滾動期間保持固定在頂部？下面是一個例子佈局：Antd固定頁眉佈局

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

來源

2017-02-20 cannin

演示將在@ benjycui的anwser現已發佈在ant.design站點：https://ant.design/components/layout/#components-layout-demo-fixed

來源

2017-03-20 09:01:07 afc163

謝謝。我已經接受了答案，因爲它回答了我寫的問題，但我希望的是有一個可切換的側邊欄時的固定標題。 – cannin

所有你需要的是一些CSS來實現這一

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

來源

2017-02-20 13:25:46

你可以看看官方演示，請參閱：https://github.com/ant-design/ant-design/pull/5119

來源

2017-03-01 07:33:08 benjycui

Antd固定頁眉佈局

回答

相關問題