隐藏模态时滚动到列表的顶部

Question

我使用react-virtualized创建无限列表组件，使用antd创建模态组件.List项绑定click事件以显示模态。

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

1. 不要滚动
2. 点击列表项（模态将显示）
3. 单击模态的关闭按钮（窗口将滚动到列表顶部）
4. 滚动到窗口顶部
5. 点击列表中的元素，然后关闭模式（一切都是正确的）

问题出现在第三步。

如果列表的标题位于浏览器顶部，则窗口将滚动到列表顶部。

Answer 1

你没有明确地说明你的实际问题是什么，但是从标题中猜测你希望窗口在模态关闭时滚动到顶部。但这很简单，我认为你的实际问题是不同的......？

放一个

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

在列表的开头，然后

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