在 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 内容的更平滑滚动?
谢谢!
最佳答案
如果 iframe 显示外部网站页面,则无法执行此操作。
而且你也不能为这样的 iframe 内容定义 css 规则。这是不可能的。
但是还有一种使用 jQuery
的替代方法,
$(document).ready(function() {
$('iframe').contents().find("*").css("-webkit-transform","translate3d(0,0,0)");
});
*但不要忘记,这仅适用于同一域。
关于jquery - 如何对 iframe 子元素应用 3D 变换?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13503592/