Прокрутка не работает после действий жестов в мобильных браузерах

Question

У меня есть большая прокручиваемая страница. Scroll работает, когда я прокручиваю содержимое пальцами вверх и вниз. Поэтому он работает так, как будто он должен работать.

Но если я выполняю несколько действий с жестом (multi-touch), затем прокрутка останавливается, чтобы работать. Я двигаю пальцами вверх и вниз, но он больше не двигается.

Часто одного действия одного жестов недостаточно, я должен выполнить несколько жестов, чтобы свернуть свиток. Но я не понимаю, что случилось.

Answer 1

Я решил проблему. Да, это было довольно глупо, но, может быть, мой опыт может помочь, если кто-то столкнется с чем-то подобным.

На моей странице были некоторые элементы, в которых были прослушиватели событий на сенсорном экране, touchmove и touchhend. Эти слушатели включали event.preventDefault() при некоторых условиях и без event.stopPropagation(). После некоторых жестов условия стали true, и предотвращение событий начинает блокировать свиток.

В моем случае мне больше не нужны эти обработчики событий, поэтому я их полностью удалил. Это решило проблему.

В других подобных случаях добавление event.stopPropagation() могло бы решить эту проблему. Также необходимо проверить условия (если есть), которые вызывают event.preventDefault().