Mobile navbar horizontal scroll on Skrollr page
我的移动导航栏位置固定在屏幕底部并溢出到右侧。我希望能够水平滚动,但是,skrollr 似乎正在捕获滚动事件并将其转换为垂直滚动。
禁用 skrollr 后,我可以水平滚动导航栏。
我尝试将导航栏的 zindex 设置得尽可能高,但 skrollr 仍然会对其进行触摸。
这可能吗?
编辑:
想上传一个我想要实现的草图以使其更清晰。
覆盖位置固定,位于屏幕底部,z 索引在所有内容之上,其内容向右溢出:
1 | white-space: nowrap; overflow-x: auto; overflow-y: hidden; |
在移动设备上,拖动叠加层会开始滚动整个页面,并且叠加层不会左右滚动。如果我使用鼠标水平滚轮,它会滚动,但不能触摸。
通过停止在覆盖元素上的
e.stopPropagation();
});
这破坏了对覆盖层内的任何链接的点击,但为它们添加了一个虚拟监听器修复了它:
return true;
});