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

Question

我的手机导航栏固定在屏幕底部，并向右溢出。我希望能够水平滚动，然而，skrollr似乎捕获了scroll事件并将其转换为垂直滚动。

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

我尝试将导航栏的zindex调得越高越好，但是skrollr仍然会碰到它。

这到底有没有可能？

编辑：

我想上传一个我想要实现的草图，让它更清晰。

覆盖的位置是固定的，位于屏幕的底部，z索引在所有内容之上，其内容溢出到右侧：

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

在移动设备上，拖动覆盖开始滚动整个页面，并且覆盖不是左右滚动。如果我使用鼠标水平滚轮，它可以滚动，但不能触摸。

​

​

Answer 1

通过在overlay元素上停止touchmove、touchstart和touchend事件的传播，修复了此问题：

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

这破坏了在覆盖层内的任何链接上的点击，但添加一个虚拟侦听器来修复它：

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