0

我正在寻找一种简单的方法来使用您通常在原生 iPhone 应用程序或 Android 原生应用程序中看到的过渡效果(例如滑块效果,即整个页面向左或向右滑动)。

我知道我的 Web 应用程序上的网页之间的这些转换可以通过使用 jQuery Mobile、Wink、iUi 等框架来实现。

此外,我的应用程序需要一个固定的页脚和一个带有可滚动内容的固定页眉。我尝试使用 jQuery Mobile,但内容的滚动效果虽然不错,但固定页眉和页脚的渲染效果并不好。

所以我改用 iScroll 4 但我不能使用 jQuery mobile 只做转换,因为 jQuery mobile 使用 DOM 等,这会在 div 的位置上导致一些问题

我尝试使用 iUI,但尽管它看起来不像 jQ mobile 那样“广泛”,但它仍然是 Web 应用程序的完整框架。但我目前只寻找过渡..

有没有办法在不使用 javascript 框架的情况下实现那些“完整的网页”转换?此外,诸如 iUI 之类的框架仅将所有页面放在一个中(jQuery Mobile 没有,这很好)将它们分隔在几个 div 中。我猜这可能与 iScroll 有问题?

最好的是能够在单独的 html 页面之间进行这些转换,但我不知道这是否可能(我的意思是不使用 AJAX 世界技术)

我只针对使用 webkit 的现代设备(Android、iDevices ..)

非常感谢你的帮助

4

2 回答 2

1

你可以看看http://maker.github.com/ratchet。它非常接近地模仿 iPhone 的行为,包括所有的过渡。

于 2012-11-09T14:26:03.373 回答
0

忘记移动应用程序的 iScroll。它运行良好,但不适用于所有 webkit 设备,并且您会遇到大量 Android 设备的问题。如果你想要一个像原生应用程序这样的东西,你需要一个容器模型。容器模型基本上是在中间有一个页眉和一个页脚以及一个动态容器。这被 Twitter 和 Flikr 等移动网站使用。您可以使用 iframe 或 ajax 加载动态容器(但我个人会远离 iframe 和移动任何东西)。此外,在使用任何框架之前,请考虑收益与成本(大小、未来的依赖性和可扩展性、解析 JS 的开销……等),因为移动不是桌面开发,许多开发人员似乎忘记了这一事实。我目前在一个主要的社交网站工作,我们有自己的框架,而且我们需要的不超过一个字节。我们过去使用过 JQuery,但对于我们所服务的 webkit 设备(大小 + 解析时间 + 依赖......

于 2011-07-31T00:11:03.667 回答