在使用Android,CSS和jQuery时,我试图掌握如何进行幻灯片封面Webkit过渡,就像在Sencha Touch中使用的那样。基本上我有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/中找到
关于android - 如何进行Webkit幻灯片封面过渡,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/4666126/