jquery - 如何在 iframe 子元素上应用 3D 变换？

Question

在 Phonegap 2.0.0 iOS 6.0.1 应用程序上使用此处描述的技术：

http://cantina.co/2012/03/06/ios-5-native-scrolling-grins-and-gothcas/

我尝试了各种变体：

iframe * {
    -webkit-transform: translate3d(0,0,0);
}

似乎我不能对 iframe 中的子元素应用硬件加速，这实际上是滚动的，但是以一种生涩的非平滑方式。

如何实现 iframe 内容的平滑滚动？

谢谢！

Answer 1

如果 iframe 显示外部网站页面，则无法执行此操作。

而且您也不能为这样的 iframe 内容定义 css 规则。不可能。

但是有另一种方法jQuery，

$(document).ready(function() {
    $('iframe').contents().find("*").css("-webkit-transform","translate3d(0,0,0)");
});​

*但不要忘记，这仅适用于同一域。