問題描述

問題已解決，是css樣式的問題。。。。和js無關(guān)。。。

我在tabs里包了一個(gè)listview，但是切換tabs的時(shí)候，listview的滾動(dòng)條都在同一個(gè)位置。。。就是說我在第一個(gè)tabs中 滾動(dòng)了100px ,切換到第二個(gè)tabs，也是在100px的位置。。componentDidMount 只會(huì)觸發(fā)一次...如何保證每個(gè)listview的滾動(dòng)條在各自的位置。。

//數(shù)組保存8個(gè) const genTabpaneComp = (count) => { const result = []; for (let i = 0; i <= count; i++) { result.push(TabpaneComp(i)); } return result; }; //Tabpane 內(nèi)容 const TabpaneComp = (key) => { let props; return( <TabPane tab={Tabp(key)} key={ key }><p className={styles.categoryList}> <ContentView {...props}/></p> </TabPane> ) };

結(jié)果如圖：

問題解答

可以在 tab 切換時(shí)，記住上一個(gè) tabPane 的滾動(dòng)位置，這樣可以維護(hù)沒有 tabPane 的滾動(dòng)位置。 read https://github.com/ant-design...

還有一種辦法，可以讓 styles.categoryList 高度固定。