關于移動端頁面中上下、左右滑動與點擊事件沖突問題

問題：
在一個h5移動端頁面中，
存在這樣父子關系：上下滑動元素=>左右滑動元素=>點擊元素
如果這個頁面中存在上下滑動(下拉刷新) 、左右滑動(輪播切換)以及點擊事件(輪播item內容點擊后跳轉對應頁面)的時候，手勢在輪播區(qū)域交互的話，三個事件都會同時觸發(fā)(發(fā)生沖突).

嘗試過的解決方法：
1、阻止冒泡
假如我在輪播的左右滑動元素里加入阻止向上冒泡，防止滑動的時候冒泡到父級觸發(fā)上下滑動，會出現(xiàn)只能觸發(fā)左右元素，而無法觸發(fā)上下滑動了，希望的是左右滑動的時候才不去觸發(fā)上下滑動，而不是在左右滑動的元素里永遠都不能上下滑動
2、阻止捕獲
假如我在輪播的左右滑動元素里加入阻止向下捕獲，那么 點擊事件元素永遠都不會觸發(fā)點擊事件

示例說明圖：

問題求解：如何讓三者事件保持獨立 互相不影響