2017-07-14 89 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步“滚动到窗口顶部”有什么区别? –

相关问题