Xapu3ma-NN
@Xapu3ma-NN

Не работает scroll в safari на iphone?

Всем хорошего дня!

Подскажите в чем может быть дело. На этом сайте тык , при открытии его на iphone в браузере safari почему-то не работает скроллинг страницы. Не могу понять почему?

Подскажите в чем дело? И как такие моменты дебажить на будущее.

При проверки в хроме через F12 (мобильный экран) все работает.
  • Вопрос задан
  • 128 просмотров
Пригласить эксперта
Ответы на вопрос 1
Почитайте тут там описана проблема и решения со скроллом в iOS.
Варианты:
document.addEventListener('touchmove', function (){
    var scrollTop = window.pageYOffset;
}, false);


.element_that_scrolls
{
    /* тут думаю должен быть scroll а не auto попробуй */
/*  overflow:auto;    */
    overflow:scroll;
    -webkit-overflow-scrolling: touch;
}

//Неправильно
<ul class="element_that_scrolls">
    ...
</ul>

//Правильно
<div class="element_that_scrolls">
    <ul>
        ...
    </ul>
</div>

Стиль выше можно применить на всю тело.

Ещё:
.wrapper{
overflow-y: scroll; 
  -webkit-overflow-scrolling: touch;
}
Ответ написан
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
AGIMA Москва
от 170 000 ₽
АКМЭ сервис Санкт-Петербург
от 150 000 до 185 000 ₽
Exness Лимассол
от 3 300 €
30 мар. 2020, в 22:43
1200 руб./за проект
30 мар. 2020, в 22:39
3000 руб./за проект
30 мар. 2020, в 21:09
1000 руб./в час