Как избавится от анимации конца списка в iphone, ipad?

Question

[enovot]

Добрый день! При прокрутке страниц в браузере на мобильных apple устройствах при докручивании до конца списка, страница начитает как бы тянуться за пальцем. Подскажите пожалуйста как отрубить этот эффект JS-ом? Пример на скниншоте.
P.S. " e.preventDefault(); " не проканывает, т.к. внутри страницы нужен скроллинг контента,стандартными средствами браузера

Answer 1

[enovot]

Итак, я разобрался. Суть в том, что есть на сайте страницы со скроллингомм контента и без. На тех страницах где скроллинга нет, при событии touchmove использую метод e.preventDefault();
Таким образом метод e.preventDefault(); не влияет на родной скроллинг браузера , при этом метод e.preventDefault(); не дает тянуть сраницу вниз когда дошли до конца списка (проблема о которой я писал собственно).

Answer 2

[Дмитрий Скогорев]

$(document).on('touchmove',function(e){
e.preventDefault();
});
//uses body because jquery on events are called off of the element they are
//added to, so bubbling would not work if we used document instead.
$('body').on('touchstart','.scrollable',function(e) {
if (e.currentTarget.scrollTop === 0) {
e.currentTarget.scrollTop = 1;
} else if (e.currentTarget.scrollHeight === e.currentTarget.scrollTop + e.currentTarget.offsetHeight) {
e.currentTarget.scrollTop -= 1;
}
});
//prevents preventDefault from being called on document if it sees a scrollable div
$('body').on('touchmove','.scrollable',function(e) {
e.stopPropagation();
});

или

$('body').on('touchmove', function (e) {
if (!$('.scrollable').has($(e.target)).length) e.preventDefault();
});

Comments

[Дмитрий Скогорев]

соответственно первый вариант должен запретить оверскролл (а именно так оно зовётся). и я бы для начала тестил это в родном сафари

[Дмитрий Скогорев]

Ольга Жижка: мне будет сложно ответить, ибо я хреновый верстальщик, и на iphone 6 катается все. Задайте отдельный вопрос

[Ольга Жижка]

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

Answer 3

[smanioso]

Это стандартное поведение UIWebView - отключить из JS его скорее всего нельзя.
Оптимальным вариантов будет изменить структуру DOM-дерева таким образом, чтобы страница сама по себе не выходила за границы окна. Скроллинг контента реализовать собственными методами (для примера можно взять Ionic Framework).

Comments

[enovot]

Все верно, отключить нельзя, но обойти можно с использованием все того же e.preventDefault() :)

Answer 4

[Виталий Киренков]

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