如何在不使用移动设备的情况下模仿滑动

Question

总的来说：我需要我的nav表现得像移动应用程序一样（滑动效果），但无需通过移动产品访问它。 （因此，JQuery Mobile等不适用于此处……至少我不认为。）

细节：我的导航（下面的示例）是一组水平排列的图标。 我希望能够水平滚动，但我不仅希望简单地滚动图标，还希望它们以增量方式滑动（就像iPhone的页面在屏幕上滑动时如何滑动到离散位置一样。）这意味着无论用户滚动多少，只会执行相同数量的幻灯片。

在这里查看在制品

我的问题：所以我目前有这个（cr脚/越野车）版本，但是它基于JQuery的.mousemove（），这意味着当我导致菜单移动时，光标仍然还在移动，不再位于我希望移动的图标上点击。 如果我基于.scroll（），则包含的div必须是可滚动的（它将显示滚动条）。

所以：有... a）在某个地方已经完成的示例吗？ 或b）一种使div可滚动但不显示滚动条的方法

本网站正以特定方式用于特定目的，因此，请不要仅告诉我可滚动div上的隐藏滚动条对用户不利。

我找到了一个叫做“ Web In Touch”的东西。 能帮上忙吗？

非常感谢。

Answer 1

http://www.jacksasylum.eu/ContentFlow/

您是否尝试过内容流？ 它可以在您按下按钮时为您进行水平滚动（您可以将其映射到其他对象）。 我知道这不是您真正想要的，但是它可能有用，因为您想水平地滚动/滚动图像图标。