在移動瀏覽器中執行手勢操作后，滾動不起作用

Question

我有一個很大的可滾動頁面。 當我用手指上下滑動內容時，滾動功能起作用。 因此，它像必須工作一樣工作。

但是，如果我執行多個手勢（多點觸摸）操作，則滾動停止將起作用。 我上下移動手指，但不再移動。

通常一個手勢動作是不夠的，我必須執行幾個手勢才能使滾動崩潰。 但是我不明白，這是怎么回事。

Answer 1

我解決了問題。 是的，這很愚蠢，但是如果有人面對類似的問題，也許我的經驗會有所幫助。

我的頁面包含一些元素，這些元素在touchstart，touchmove和touchend上具有事件偵聽器。 在某些情況下，該偵聽器包括event.preventDefault() ，而沒有event.stopPropagation() 。 經過一番手勢條件成為true和事件的預防開始阻止滾動。

就我而言，我不再需要這些事件處理程序了，這就是為什么我將其完全刪除了。 這樣就解決了問題。

在其他類似情況下，添加event.stopPropagation()可以解決此問題。 另外，有必要檢查調用event.preventDefault()條件（如果有event.preventDefault() 。