Задать вопрос
examp1
@examp1
javascript

Скрол заднего фона на айфоне как пофиксить?

Добрый день, ситуация такая есть сайт elit.owlweb.com.ua заказчик тестирует его с айфона и на моб меню появляться скрол заднего фоно как это убрать ? Пробовал уже очень много способов и фиксировать body при клике на "Каталог" и overflow: hidden; у меню итд....
видео для наглядности
PS : заказчику важно чтобы у него все работало так-что можно использовать любые костыли
  • Вопрос задан
  • 153 просмотра
Комментировать
Подписаться 1 Простой Комментировать
Пригласить эксперта
Ответы на вопрос 3
Chefranov
@Chefranov
Новичок
https://github.com/willmcpo/body-scroll-lock
Ответ написан
2 комментария
2 комментария
profesor08
@profesor08 Куратор тега CSS
Это происходит потому, что выдвинув меню, поведение страницы никак не меняется, и логично, что будет и прокрутка. Так что все в порядке, и работает так как и должно работать.

Так что, если хочешь добиться желаемого эффекта, то при открытии меню, для некоторых элементов надо задать следующие стили.
body {
  height: 100%;
  overflow: hidden;
}

.scroll {
  overflow: hidden;
}
Ответ написан
2 комментария
2 комментария
@romanu418 
body.lock{
    height: 100%;
    overflow: hidden;
    width: 100%;
    position: fixed;
}
Ответ написан
Комментировать
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
JavaScript разработчик
SummerWeb • Ярославль
от 100 000 до 140 000 ₽
JavaScript разработчик
вАйТи
от 5 000 до 25 000 ₽
JavaScript Fullstack
OnClass
от 200 000 до 600 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Devops для видео сервиса
26 апр. 2024, в 06:46
1500 руб./в час
Найти ошибку flutter_map
26 апр. 2024, в 05:31
1000 руб./за проект
Разработать электронику для весов с Wi-Fi
26 апр. 2024, в 01:22
1000 руб./в час
Ещё заказы