Как запретить пролистывание страницы при зуме на мобильном устройстве
Занимаюсь версткой веб-сайта и столкнулся с проблемой при адаптации некоторых страниц. При нажатии на определенную кнопку у меня появляется окно на весь экран, которое не должно пролистываться. Для этого я ставлю document.body.style.overflow='hidden' в js и оно работает на десктопе, но на мобильных устройствах можно все равно пролистать страницу, уменьшая её и пролистывая двумя пальцами. Из-за этого внешний вид сайта страдает. Возможно, кто-то сталкивался с таким и знает решение? Буду безумно благодарен за помощь.
Ответы (1 шт):
Автор решения: zeprog
→ Ссылка
Есть вариант добавлять класс, который будет запрещать пролистывание страницы (body.lock { overflow: hidden }). Возможно понадобится сделать это отдельно в медиа запросе в css, но это уже код нужно смотреть.