一种在网页之间进行“类似于iPhone”的转换的方法，但是却浪费了完整（移动）网络框架的开销，并使用了iScroll（v4）

Question

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

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

我的应用程序还需要一个固定的页脚和一个带有可滚动内容的固定页眉。 我尝试使用jQuery Mobile，但是尽管内容的滚动效果很好，但是固定的页眉和页脚的呈现效果却不是那么好。

因此，我改用iScroll 4，但由于jQuery mobile与DOM等一起玩，所以我不能使用jQuery mobile进行跨段操作，这会导致div放置内的某些问题

我尝试使用iUI，但是尽管它似乎没有jQ mobile宽，但它仍然是Web应用程序的完整框架。 但是我目前只在寻找过渡。

有没有一种方法可以在不使用JavaScript框架的情况下实现“完整网页”的转换？ 另外，那些诸如iUI之类的框架将所有页面仅放在一个页面中（jQuery Mobile并不是很好），将它们分隔在多个div中。.我猜这可能与iScroll有问题吗？

最好的办法是能够在单独的html页面之间进行这些转换，但是我不知道是否有可能（我的意思是不要使用AJAX世界技术）

我只使用Webkit定位现代设备（Android，iDevices ..）

非常感谢你的帮助

Answer 1

您可以查看http://maker.github.com/ratchet 。 它非常紧密地模仿了iPhone的行为，包括所有过渡。

Answer 2

忘记移动应用程序的iScroll。 它运行良好，但不适用于所有Webkit设备，并且很多Android设备都会出现问题。 如果您想要本机应用程序之类的东西，则需要使用容器模型。 容器模型基本上在中间具有页眉和页脚以及动态容器。 Twitter和Flikr等移动网站都使用此功能。 您可以使用iframe或ajax加载的动态容器（但就我个人而言，我将远离iframe并移动任何内容）。 同样，在使用任何框架之前，请考虑收益与成本（大小，将来的依赖关系和可伸缩性，解析JS的开销等）之间的关系，因为移动设备不是台式机开发，许多开发人员似乎都忘记了这一事实。 我目前在一家主要的社交网站上工作，我们拥有自己的框架，所需要的只是一点点。 过去我们使用过JQuery，但事实证明，对于我们所服务的Webkit设备而言，它实在是太膨胀了（大小+解析时间+依赖关系等），最终被杀死了。