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

时间:2011-04-26 04:33:36

标签: javascript jquery mobile

一般情况: 我需要我的导航行为像移动应用程序(滑动效果),但没有通过移动产品访问它。 (所以JQuery Mobile等不适用于此......至少我不认为。)

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

View work-in-progress here

我的问题: 所以我目前有这个(糟糕/错误)版本工作,但它基于JQuery的.mousemove(),这意味着当我使菜单移动时,光标仍然在移动,不再是我想点击的图标。如果我基于.scroll(),那么包含div必须是可滚动的(这将显示滚动条)。

所以:有...... a)在某处已经完成的一个例子?要么 b)一种使div可滚动但不显示滚动条的方法

此网站正在以特定方式用于特定目的,因此请不要回复告诉我可滚动div上的隐藏滚动条对用户来说是糟糕的juju /烦人。

我找到了一个名为“Web In Touch”的东西。这有用吗?

许多人提前感谢。

1 个答案:

答案 0 :(得分:0)

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

您是否尝试过内容流?它可以在按下按钮时为您进行水平滚动(您可以将其映射到其他内容)。我知道这不是你想要的,但它可能有效,因为你想要水平流动/滚动图像图标。