@belyaevcyrill

Как правильно совместить swipe у галереи и скроллинг страницы?

Суть проблемы следующая...

Есть некоторая web-страница, на которой друг за другом последовательно располагаются "карусели". Их порядка 20 штук. При просмотре этой web-странички с каруселями на мобильном устройстве (например, Андройд), карусели можно мотать пальцем влево/вправо (swipe).

Проблема в том, что когда я скроллю пальцем саму web-страничку вверх либо вниз, у карусели, на которую попал палец, срабатывает swipe и она начинает "дёргаться" (реагировать на прикосновение). Иными словами, при скроллинге пальцем сначала срабатывает у карусели touchstart, а только потом onScroll у самой web-страницы.

Возможно ли как-то сделать так, чтобы при прокрутке пальцем самой веб-страницы у каруселей блокировались все события, связанные с touch ? А когда прокрутка страницы остановится, то чтобы блокировка снималась.

Или может есть специальная библиотека? Заранее спасибо.
  • Вопрос задан
  • 258 просмотров
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы