Необходимо, чтобы контент под модальным окном не прокручивался. Само модальное окно может прокручиваться, если оно слишком длинное (этот функционал уже реализован, просто предупреждаю, потому что видел решения, когда скроллинг блокировали вообще весь).
Я пробовал вариант с установкой overflow: hidden
. В принципе он почти идеален, но не очень красиво выглядит из-за изменения ширины окна. То есть лучше бы полоса прокрутки оставалась.
Ещё я попробовал вот такой жёсткий вариант:
window.addEventListener('scroll', (e) => {
window.scrollTo(0,0);
});
Но он отбрасывает к началу страницу, это выглядит ещё хуже.
Каким образом я могу блокировать скроллинг, чтобы это:
- Не убирало полосу прокрутки.
- Не отбрасывало к верху страницы / не меняло бы положение на странице.
overflow: hidden
, добавлять паддинг на ширину полосы прокрутки. Естественно, что нужно её сначала вычислить.e.preventDefault()
в событииscroll
.