Нет инерционной прокрутки на iPhone

197
13 ноября 2018, 17:10

Выявил на сайте такую проблему, причем она присутствует только на iPhone. Если попытаться скроллить пальцем страницу вниз, проведя пальцем и отпустив его от экрана на andriod страница как бы по инерции скроллится вниз еще некоторое время. На iPhone же все сразу останавливается. Более того чтобы прокрутить нужно прямо с усилием пальцем вести. Кто чего подскажет, может сталкивались с подобным? Сайт посмотреть можно тут: http://myiconskin.sopteh.beget.tech/

UPD: Событие scroll такое есть:

$(document).ready(function(){
var $menu = $('#logo');
var $menufix = $('#logo_fix');
$('body').scroll(function(){
        if ( $(this).scrollTop() > 1 && $menu.hasClass('normal') && $menufix.hasClass('hide') ){
                $menu.removeClass('normal').addClass('hide');
                $menufix.removeClass('hide').addClass('normal');
        }
        else if($(this).scrollTop() <= 1 && $menu.hasClass('hide') && $menufix.hasClass('normal')) {
                $menu.removeClass('hide').addClass('normal');
                $menufix.removeClass('normal').addClass('hide');
        }
});

});

Answer 1

Возможно, кому-то пригодится. Проблема решается css стилем для контейнера. В конкретно моем примере решилось стилем для body

body {
    -webkit-overflow-scrolling: touch;
}
READ ALSO
Раскрасить текст разными цветами

Раскрасить текст разными цветами

Имеется 4 цвета: red, yellow, blue, green

263
Клик с последующим scrollLeft. Как?

Клик с последующим scrollLeft. Как?

Значит есть "горизонтальная" разметка, родитель 200% ширины и высота 100vh, две дочерние секции по 100% ширины, такой же высоты, overflow-y: hidden; Пс

188
Не работает скрипт плавной прокрутки

Не работает скрипт плавной прокрутки

Не работает скрипт плавной прокрутки к нужному элементу на странице, вместо плавной прокрутки при нажатии на кнопку, срабатывает мометальная...

228