jquery - 在 Web 应用程序中实现类似 iPhone 的内容 slider

Question

我正在为智能手机构建一个网络应用。在我的应用程序中，我想为用户提供类似 iOS 的体验。我希望我的界面功能类似于 iOS。我主要考虑这里的导航。我希望我的应用程序从左向右滑动并根据用户单击的链接显示动态内容。这是一个以我想要的方式显示导航的视频:

http://www.youtube.com/watch?v=KTcISVU4Nf4&feature=player_detailpage#t=2s

据我所知，这是通过使用 CSS3 和 JQuery 实现的。它内置于某些框架中，例如 http://www.jqtouch.com/ .但是我发现frameworks interface to function有点过于繁重和缓慢，它并没有给用户一个流畅的体验。我在测试时也遇到了一些错误。这就是我排除 JQtouch 作为替代方案的原因。

所以我要寻求的是关于如何在保持应用整洁、流畅和轻巧的同时实现滑动导航的建议。哪条路最好？是否可以用纯 CSS 制作？如何？非常感谢任何可以以任何方式帮助我的示例代码。

Answer 1

框架之所以流行，是因为它们减少了生成适用于所有智能手机的 javascript 和 css 的工作量。

jqtouch 的替代方案可能是 sencha touch或 jquery mobile

如果我要这样做，我会查看这些框架的源代码，看看它们是如何工作的，并尝试使用该代码的一些片段。这将使您很好地理解滚动等如何与触摸事件一起工作。他们使用 touchstart 和 touchend 事件来跟踪触摸位置 - 所以看看这些。不幸的是，它的功能主要是 javascript。