hidden на body - чтобы нельзя было скроллить, но т.к. полоса скролла имеет примерно ширину 15 пикселей - скачет контент при открытии/закрытии. Добавил ещё padding-right:15 px, а на мобилках же скролл уже, и получается что уже на нем скачет
Может есть какое-то универсальное решение?
scrollbar-gutter
Там поддержка слабая
То есть? Что вам не нравиться? https://caniuse.com/mdn-css_properties_scrollbar-gutter
. html { margin-right: calc(-1 * (100vw - 100%));} так попробуй
тут поможет js Вычисляй ширину скролла на клиенте и при модалке вешай отступ на величину скроллбара
Блин)) точно))) Спасибо))
но тебе подкинули идею scrollbar-gutter: stable; я думал там поддержки нет, но все ок
В первый раз вижу это Сейчас почитаю
Глянь, должно работать. Это для body задай
Обсуждают сегодня