如何进行Webkit幻灯片封面转换

时间:2011-01-12 07:00:00

标签: android css webkit sencha-touch

在使用Android,CSS和jQuery时,我正在尝试掌握如何在Sencha Touch中使用幻灯片封面webkit过渡。基本上我有home.html和options.html。我点击home.html上的一个按钮,它需要从左到右进行幻灯片封面webkit转换,从home.html切换到options.html。

技术是什么?

1 个答案:

答案 0 :(得分:3)

基本上非常简单 - 你只需要将你的封面放在绝对位置,使用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/

中找到更多信息