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

标签 javascript jquery mobile

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

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

View work-in-progress here

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

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

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

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

提前非常感谢。

最佳答案

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

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

关于javascript - 如何在没有移动设备的情况下模仿滑动,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5785963/

相关文章:

javascript - 零次或多次匹配对于零次匹配无法正常工作

javascript - "Function calls are expensive"与 "Keep functions small"

javascript - 有 Angular 。为什么复选框表现得很奇怪?

jquery - 需要一些帮助 - Drupal 6 网站上的某些东西破坏了 IE

javascript - touchstart 事件在滚动后停止工作

javascript - React-Native 多行 TextInput 组件 : how to allow scroll when editable set to false

iphone - uiwebview 和 mobile safari 的区别

javascript - 谷歌浏览器扩展 cookie 帮助!

javascript - 介绍图片淡入后网页平滑淡入

jquery - React-virtualized 下拉菜单被溢出 :hidden 截断