javascript - Web App 主屏滑动效果

标签 javascript iphone animation swipe web-applications

我有一个要求,我需要在用户滑动手势的情况下将 div 滑入和滑出屏幕。

我正在寻找一个 javaScript 库/体面的教程,可以让我创建类似 iPhone 主屏幕的效果,您可以在其中左右滑动并让卡片/屏幕滑入/滑出。重要的是它不是像 Sencha 或 jqTouch 这样的框架。本质上,我需要滑动手势支持和平滑的滑动过渡。

此外,任何效果都需要在设备上平滑。 (使用 CSS3 动画(带硬件加速),因为我需要流畅的体验。

目标设备是 Android 和 iPhone。

如有任何帮助或指导,我们将不胜感激。

最佳答案

这里有一些 jQuery 插件,您可以使用它们来实现您想要做的事情,而无需 Sencha 或 jqTouch 的全部开销。这些仍然需要 jQuery 和插件,但我想如果你正在做任何合理的网络应用程序或界面,你正在使用 jQuery :]

http://plugins.jquery.com/plugin-tags/touch

但这里有多个选项,一个应该可以实现您正在寻找的滑动效果或允许您适本地处理该手势。

关于javascript - Web App 主屏滑动效果,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6619154/

相关文章:

javascript - 模态显示不正确

javascript - 如何删除没有id的元素

iphone - 如何制作和播放程序生成的啁啾声

CSS:将内容旋转到 10 度并将其返回

javascript - 在多个节点之间过渡单个节点的渐变填充

列表框项目上的 WPF 动画

javascript - 带有 Firestore 的 Firebase 云函数返回 "Deadline Exceeded"

javascript - window.close 始终为 true

iphone - UIDatePicker 在 iPhone 上横向显示为黑色

iphone - Segue 崩溃 - 调试器不显示任何有用的错误