#angular #scroll #modal-dialog
#angular #прокрутка #модальный диалог
Вопрос:
У меня около 100 элементов таблицы. Когда я нажимаю для редактирования на элементе # 100, модальное всплывающее окно появляется рядом с ним в нижней части страницы. Когда я прокручиваю назад и нажимаю на элемент # 1, всплывающее окно все еще находится внизу и не отображается. Что я делаю, чтобы всплывающее окно возвращалось при прокрутке вверх или появлялось сверху рядом с элементом при нажатии?
SCSS:
@import "~app/design-library/scss/colors.scss";
@import "~app/design-library/scss/layout.scss";
@mixin modalSection {
padding: 1rem;
}
:host {
display: none;
position: absolute;
top: 0;
z-index: 2000;
height: 100vh;
width: 100vw;
justify-content: center;
align-items: center;
Ответ №1:
Исправлено, так же просто, как изменить на
position: fixed;
Теперь задняя часть прокручивается, а модальное всегда находится в центре.