跨浏览器面板动画的JQuery / WebKit / CSS转换
||
作为JQuery的狂热用户,与本地iOS软件不同,在iOS上的管理面板上对幻灯片等幻灯片效果缓慢而生涩的情况感到震惊。
我发现了几个移动库,包括JQuery mobile和JQtouch。但是两者都不提供跨浏览器支持。
如果检测到iOS浏览器,是否可以将我现有的JQuery效果默认为移动版本?并可能对其工作方式进行简要说明。
非常感谢,
奇妙
没有找到相关结果
已邀请:
2 个回复
旗低饶彤
那么对于简单的情况:
或需要供应商前缀的复杂产品:
如果我要进行一些滑动,则建议使用transform3d和诸如(100px,0,0)的转换。在iOS上,它将硬件加速。 我使用Modernizr来检查我能做什么,就像这样:
该示例来自图像滑块,因此我要向其发送宽度和数据块(即第0、1或2页)。 希望那会给你一些想法!
缮记箔
然后魔术将在css中发生,这有点多余,但是应该做到这一点。使用transition-transform-scale属性的好处是它在iOS上可以非常流畅地工作。