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

Question

[Влад ~]

Добрый день, ситуация такая есть сайт elit.owlweb.com.ua заказчик тестирует его с айфона и на моб меню появляться скрол заднего фоно как это убрать ? Пробовал уже очень много способов и фиксировать body при клике на "Каталог" и overflow: hidden; у меню итд....
видео для наглядности
PS : заказчику важно чтобы у него все работало так-что можно использовать любые костыли

Answer 1

[Eugene Chefranov]

https://github.com/willmcpo/body-scroll-lock

Comments

[Влад ~]

пробовал все также вообще ничего не работает

[olenkill2]

Влад ~, плохо пробуешь. Уже месяцев 8 воообще не замарачиваюсь с этим. Либа решает не только проблему со скроллом, но еще и проблемы со скачком контента при исчезновении скроллбара всей страницы

Answer 2

[profesor08]

Это происходит потому, что выдвинув меню, поведение страницы никак не меняется, и логично, что будет и прокрутка. Так что все в порядке, и работает так как и должно работать.

Так что, если хочешь добиться желаемого эффекта, то при открытии меню, для некоторых элементов надо задать следующие стили.

body {
  height: 100%;
  overflow: hidden;
}

.scroll {
  overflow: hidden;
}

Comments

[Влад ~]

увы не помогло все также скрол задний есть

[profesor08]

Влад ~, значит ты что-то делаешь не так.

Answer 3

[romanu418]

body.lock{
    height: 100%;
    overflow: hidden;
    width: 100%;
    position: fixed;
}