javascript - 如何在没有移动设备的情况下模仿滑动

Question

一般情况:我需要我的导航表现得像移动应用程序(滑动效果)，但不通过移动产品访问它。 (所以 JQuery Mobile 之类的东西在这里不适用......至少我不这么认为。)

具体内容:我的导航(下面附有示例)是一组水平排列的图标。我希望能够水平滚动，但不是简单地滚动图标，我希望它们以增量方式滑动(很像 iPhone 的页面如何通过在屏幕上滑动来滑动到离散位置)。这意味着无论用户滚动多少，仅执行相同量的滑动。

View work-in-progress here

我的问题:所以我目前有这个(蹩脚/有缺陷的)版本工作，但它基于 JQuery 的 .mousemove() ，这意味着当我导致菜单移动时，光标仍然在移动，并且不再位于我想要单击的图标上。如果我基于 .scroll()，那么包含的 div 必须是可滚动的(这将显示滚动条)。

那么:有没有......a) 某个地方已经做过这样的例子？或者b) 一种使 div 可滚动但不显示滚动条的方法

这个网站正在以特定的方式用于特定的目的，所以请不要回复只是告诉我可滚动 div 上的隐藏滚动条对用户来说是不好的/烦人的。

我发现了一个叫做“Web In Touch”的东西。这有帮助吗？

提前非常感谢。

Answer 1

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

您尝试过内容流吗？它可以在按下按钮时为您进行水平滚动(您可以将其映射到其他内容)。我知道这并不是您想要的，但它可能会起作用，因为您想要水平流动/滚动图像图标。