Как отобразить сверху модал после того, как открыл модал?(муравей дизайн)

Question

Я использую antd в React.

Есть модал, содержимое внутри очень длинное (длинное). После открытия этого модального, страница перейдет в конец модального. Я хочу, чтобы модал начал отображаться сверху после того, как он появится.

Как это сделать?

Answer 1

Я столкнулся с той же проблемой.Мое хакерское исправление состояло в том, чтобы установить тайм-аут, который выбрал div, используемый модалом, и прокрутить его вверх.

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

Answer 2

Вы можете сделать это, прокрутив окно до 0 -ой позиции, в то время как вы устанавливаете значение состояния, которое устанавливает модальную видимость в true, как,

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