在使用 Android、CSS 和 jQuery 时,我试图掌握如何像Sencha Touch中使用的那样进行幻灯片封面 webkit 转换。基本上我有 home.html 和 options.html。我单击 home.html 上的一个按钮,它需要从左到右进行幻灯片封面 webkit 转换,从 home.html 切换到 options.html。
什么技术?
在使用 Android、CSS 和 jQuery 时,我试图掌握如何像Sencha Touch中使用的那样进行幻灯片封面 webkit 转换。基本上我有 home.html 和 options.html。我单击 home.html 上的一个按钮,它需要从左到右进行幻灯片封面 webkit 转换,从 home.html 切换到 options.html。
什么技术?
它基本上非常简单 - 你只需让你的封面绝对定位,主页封面left:0;
和选项封面left:100%;
然后,如果你想显示选项,你首先用ajax请求加载它,一旦请求完成,你使用webkit-transform / transition 来定位主页封面left:-100%
和选项封面left:0%;
。
非常好的代码示例可以在 jqtouch http://www.jqtouch.com/中看到(jqtouch的作者现在为 sencha 工作)。更多信息也可以在这篇文章中找到http://blazingcloud.net/2010/08/11/jqtouch-slide-transition-fix-for-android-2-0/