菜单滚动水平 - overflow-x overflow-x问题

Question

我花了一些时间来制作水平滚动菜单。所以我试过这个：

white-space: nowrap;
overflow-x: scroll;
-webkit-overflow-scrolling: touch;

问题是“溢出-y”现在自动设置为“自动”我在这里发现的方式，因此下拉列表没有显示。

DEMO

我搜索所有的stackoverflow并尝试使用overflow：auto;等等，但没有什么对我有用：（

这可能是CSS还是可能有更好的jquery解决方案？

谢谢！ 最好的祝福 马可