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

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

Я сделал выезжающее боковое меню. Хочу сделать чтобы когда оно выезжало скролл работал только в этом меню если оно переполнено, а сам сайт был зафиксирован. Для этого я задаю стиль для body - overflow: hidden и все везде работает правильно, но на ios браузерах все продолжает скролллиться. Пробовал через скрипты блокировать сколл, но все работает не так как нужно. Кто знает в чем проблема и есть ли какое-нибудь решение?
  • Вопрос задан
  • 14651 просмотр
Комментировать
Подписаться 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 ₽
Trainee - IT Support
move2usajobs LLC • Лос-Анджелес
от 2 000 до 4 000 $
Ещё вакансии
Заказы с Хабр Фриланса
Сделать модуль next js
22 нояб. 2024, в 12:20
10000 руб./за проект
Смонтировать видео с выставки
22 нояб. 2024, в 11:53
3000 руб./за проект
Настроить и запустить сервер World of Warcraft 3.3.5a
22 нояб. 2024, в 11:51
20000 руб./за проект
Ещё заказы