Javascript 带Hammer.js的嵌套锅

我尝试在我的清单上有两种pan：

-清单包装器上的一个垂直平移，用于初始化拉入刷新操作

-每行列表上有一个水平平移，用于显示删除/编辑操作

我使用了Hammer.js的requireFailure方法来避免同时触发两个锅

平移事件正常工作，但在水平平移两行后，我的垂直平移停止工作

这里是我的一个问题片段：

保险商实验室{
列表样式：无；
}
李{
高度：50px；
背景#F2F6F8；
边缘底部：15px；
显示器：flex；
对齐项目：居中；
}


测试


测试


测试


测试


测试


测试


this.hammer=new hammer.Manager（document.getElementById（“listing”）；
var panMax=100；
var-pos；
//添加pan事件
this.panV=新的Hammer.Pan（{阈值：10，方向：24}）；
this.hammer.add（this.panV）；
此.hammer.on（'pandown panup'，函数（e）{
if（$（'#listing'）.scrollTop（）0）{
pos=0；
}
$el.css（'transform'，'translate3d（'+pos+'px，0，0'）；
$swipeWrapper.css（'transform'，'translate3d（'+pos+'px，0，0'）；
});
rowsListingHammer.on（'panend'，函数（e）{
$el.css（'transform'，'translate3d（0,0,0）'）；
});
_此.hammer.get（'pan'）.requireFailure（panH）；
});