在使用Android,CSS和jQuery时,我正在尝试掌握如何在Sencha Touch中使用幻灯片封面webkit过渡。基本上我有home.html和options.html。我点击home.html上的一个按钮,它需要从左到右进行幻灯片封面webkit转换,从home.html切换到options.html。
技术是什么?
答案 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/
中找到更多信息