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

标签 jquery iphone css navigation web-applications

我正在为智能手机构建一个网络应用。在我的应用程序中,我想为用户提供类似 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 制作?如何?非常感谢任何可以以任何方式帮助我的示例代码。

最佳答案

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

jqtouch 的替代方案可能是 sencha touchjquery mobile

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

关于jquery - 在 Web 应用程序中实现类似 iPhone 的内容 slider ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9927660/

相关文章:

html - 关于 css 盒模型的 css 书, block 元素宽度如何受到影响等

javascript - 按 Enter 提交 jQuery 论坛

javascript - JQuery Mobile 中同一行的格式标签和切换开关

iphone - 当用户在不同的选项卡中时,如何在一个选项卡上 popToRoot?

ios - MkMapView 缩放级别

javascript - 如何向我的待办事项应用程序添加删除功能?

javascript - 关闭浏览器时打开自定义弹出窗口

javascript - 如何使用 Snap.svg 对加载的 SVG 内的路径变形进行动画处理?

jquery - 锁定正在进行的操作

javascript - 根据下拉选择自动完成源