Skrollr页面上的移动导航栏水平滚动

Question

我的移动导航栏位置固定在屏幕底部并溢出到右侧。我希望能够水平滚动，但是，skrollr似乎捕获滚动事件并将其转换为垂直滚动。

一旦我禁用skrollr，我可以水平滚动导航栏。

我试着将navbar的zindex尽可能地高，但skrollr仍然会触摸它。

这可能吗？

编辑：

想上传的什么，我想实现，使之更加清晰的草图。

的叠加位置固定，坐在屏幕的底部，Z指数高于一切，用它的内容溢出到右：

white-space: nowrap; overflow-x: auto; overflow-y: hidden; 

在移动，拖动重叠开始滚动整个页面，并且叠加层不是左右滚动。如果我使用鼠标水平轮，它会滚动，但不会触摸。

Answer 1

管理，以这个固定的上touchmove，touchstart和touchend事件停止传播，覆盖元素：

$overlay.on('touchmove touchstart touchend', function(e) { e.stopPropagation(); });

这打破了窃听是覆盖内的任何链接，但添加一个虚拟听众给他们修复它：

$overlayLinks.on('touchmove touchstart touchend', function() { return true; });