隐藏模式时滚动到列表顶部

Question

我用react-virtualized创建了一个无限列表组件，antd创建了一个模态组件。列表项绑定单击事件以显示模式。

HRER 是 Demo 的链接： 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()
}