Модальное окно Bootstrap прокручивает страницу вверх ⇐ CSS

[Anonymous]

Кнопка открытия модального окна находится внизу страницы, но модальное окно открывается вверху и прокручивает страницу вверх.
Я хочу:
[*]остановить прокрутку страницы вверх,
[*]показать модальное окно в текущей позиции прокрутки.
< /ol>
Это веб-страница, обслуживаемая сторонним приложением (FlowWright), но я могу изменить ее, добавив CSS или изменив вызов функции modal().
Это тело до открытия модального окна.

Код: Выделить всё

И его стиль.

Код: Выделить всё

box-sizing: border-box;
line-height: 1.5;
text-align: left;
height: 100%;
margin: 0px;
-webkit-font-smoothing: antialiased;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
background: #f4f7fc;
color: var(--da-text-color, #646c9a) !important;
position: relative;
padding: 0px;
background-color: #fff !important;

Это тело после открытия модального окна.

Код: Выделить всё

И его стиль.

Код: Выделить всё

box-sizing: border-box;
line-height: 1.5;
text-align: left;
height: 100%;
margin: 0px;
-webkit-font-smoothing: antialiased;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
background: #f4f7fc;
color: var(--da-text-color, #646c9a) !important;
position: relative;
background-color: #fff !important;
overflow: auto !important;
padding: 0 !important;

Модальное окно открывается этим вызовом с помощью прослушивателя событий кнопки.

Код: Выделить всё

$dialog.modal({ backdrop: 'static' });

Я пробовал добавить это в CSS, как советовали в некоторых других вопросах, но не сработало.

Код: Выделить всё

body.modal-open {
overflow: visible !important;
height: auto !important;
}

РЕДАКТИРОВАТЬ
Вот весь соответствующий код. Значительно упрощено по сравнению с исходной веб-страницей, но позволит воспроизвести проблему.

Код: Выделить всё

.modal-open {
overflow: auto !important;
padding: 0 !important;
}


function showModal() { $('#modal').modal({ backdrop: 'static' }); }








×

[h4]Sample modal[/h4]

РЕДАКТИРОВАТЬ 2
Я пробовал решения, представленные в этих вопросах, но ни одно из них не работает. Большинство предполагают, что это связано с переполнением в CSS.
Модальное окно Bootstrap: при переключении фон переходит наверх.
Как предотвратить переход фона наверх. верх при модальном переключении
Как предотвратить переход фона вверх при модальном переключении
Bootstrap v3 — при открытии модального окна страница прокрутка вверх
страница прокручивается вверх в модальном всплывающем окне
Модальный диалог Bootstrap — это автоматическая прокрутка браузера вверх при открытии через JQuery

Подробнее здесь: https://stackoverflow.com/questions/683 ... age-to-top