Всем привет. У меня следующая проблема с IOS Я хочу заблокировать

Question

Всем привет. У меня следующая проблема с IOS Я хочу заблокировать

скролл на документе, и разрешить внутри главного блока с помощью overflow-y: scroll

html,
body {
height: 100%;
width: 100%;
overflow: hidden;
}

Чтобы не делать position fixed на хедер, и на нижнее меню (должны быть фиксированы), а скролл работал только внутри главного блока.

В хроме на андроиде - все замечательно, но на IOS начинаются проблемы, я так понимаю из-за их дебаунс скрола

Если ты промахнулся палецем и зафокусил хедер, а не главный блок - фризится весь скрол (что и логично, у body стоит же hidden), и нужно снова тачнуть по блоку с overflow-y: scroll

Как решать это? Какие есть способы ? Спасибо

#frontend #javascript #programming #react.js #russian

0

21.09.2019

3 ответов

12 просмотров

Вячеслав

Если я тебя правильно понял, то в андроиде если ты двигаешь пальцем от хидера он центральный блок скролит, а в ios нет, так как начало скрола у тебя на хидере не отработало

0

21.09.2019

Вячеслав

вот это ты пилишь? https://jsfiddle.net/p7j6s1yh/5/

0

21.09.2019

Igor N · Accepted Answer

Igor N

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

0

21.09.2019

169 похожих чатов

Всем привет. У меня следующая проблема с IOS Я хочу заблокировать

3 ответов

Похожие вопросы