2017-07-14 91 views
0

我用react-virtualized創建一個infinit列表組件,antd創建一個模態組件.List項綁定click事件以顯示模態。當隱藏模式時滾動到列表的頂部

hrer是演示的鏈接:https://codepen.io/dingjs/pen/eRXZyw?editors=0010

  1. Dont't滾動
  2. 點擊列表項(該模式會顯示)模式的
  3. 點擊關閉按鈕(窗口會自動滾動到列表頂部)
  4. 滾動至窗口
  5. 的頂部單擊元素進行列表然後關閉模式(一切都是右擊)

問題發生在第三步。

如果瀏覽器頂部的列表標題,窗口將滾動到列表的頂部。

回答

0

你沒有明確地說出你的實際問題是什麼,但是從標題猜測你希望窗口在模式關閉時滾動到頂部。但是,這很簡單,我認爲你的實際問題是不同的......?

將一個

<div id="topOfList"></div> 

在列表的開始,然後

close =() => { 
    this.setState({ 
    visible: false 
    }) 
    document.getElementById('topOfList').scrollIntoView() 
} 
+0

非常感謝您回答我的問題,我很抱歉,有中的描述有些錯誤的地方問題,我添加了一部分描述,希望你能提供一些幫助。 – Ding

+0

現在它變得比以前更沒有意義了。步驟1-5是描述你想要發生的事情嗎?如果在步驟1中不滾動,列表將已經在頂部並且打開/關閉模式更改沒有任何內容,因此第1步應該是「滾動」?第3步「滾動到列表」和第4步「滾動到窗口頂部」有什麼區別? –

相關問題