打开模态后如何从模态顶部显示？ （蚂蚁设计）

Question

我在React中使用antd。

有一个模态，里面的内容很长（很长）。打开此模式后，页面将跳至模式末尾。我希望Modal弹出后从顶部开始显示。

该怎么做？

Answer 1

您可以通过在设置状态值时将窗口滚动到第0个位置来实现，该状态值将模式可见性设置为true，例如

this.setState({showModal:true},()=>window.scrollTo(0, 0));

Answer 2

我遇到了同样的问题。我的hacky解决方法是设置一个超时，该超时选择模态使用的div并向上滚动。

Modal.confirm({
    content: <SomeReactComponent />,
});
// scroll it up, kinda hacky
setTimeout(() => document.getElementsByClassName('ant-modal-wrap')[0].scrollTo(0, 0), 100);