Задать вопрос
@12matthew12
css

Почему не работает overflow: hidden для body на всех браузерах ios?

Я сделал выезжающее боковое меню. Хочу сделать чтобы когда оно выезжало скролл работал только в этом меню если оно переполнено, а сам сайт был зафиксирован. Для этого я задаю стиль для body - overflow: hidden и все везде работает правильно, но на ios браузерах все продолжает скролллиться. Пробовал через скрипты блокировать сколл, но все работает не так как нужно. Кто знает в чем проблема и есть ли какое-нибудь решение?
  • Вопрос задан
  • 14678 просмотров
Комментировать
Подписаться 4 Оценить Комментировать
Пригласить эксперта
Ответы на вопрос 4
@jvedenin
love2live
Нужно выставить position:fixed для body. Получается
Ответ написан
1 комментарий
1 комментарий
@eldarmusin
В iOS, когда браузер парсит код, он видимо не учитывает overflow для html и body.

Я по моему исправлял это так.
.wrapper{
   position:relative;
   overflow:hidden;
}

<body>
   <div style='wrapper'>
      Ваш контент тут
   </div>
</body>
Ответ написан
1 комментарий
1 комментарий
Murmurianez
@Murmurianez
JavaScript Developer
html, body{
height: 100%;
width: 100%;
overflow: hidden;
}
Ответ написан
Комментировать
Комментировать
@12matthew12 Автор вопроса
Увы, но эти способы я уже пробовал...
Ответ написан
3 комментария
3 комментария
Ваш ответ на вопрос

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

Похожие вопросы
Вакансии с Хабр Карьеры
Fullstack Developer под Wordpress
Future Search
от 90 000 до 150 000 ₽
JavaScript FullStack разработчик
Rocket • Смоленск
от 80 000 до 130 000 ₽
CRM Bitrix24 разработчик
World Vision Clinic • Москва
от 170 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Разработать телеграм бота с реферальной системой, Юкассой и ChatGPT
23 дек. 2024, в 02:13
20000 руб./за проект
Собрать из исходного кода и запустить в докере рабочее приложение с бд
22 дек. 2024, в 22:57
500 руб./за проект
Аппликация для фильтра заказов
22 дек. 2024, в 20:40
10000 руб./за проект
Ещё заказы