1

ここで説明する手法を 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 コンテンツのスムーズなスクロールを実現するにはどうすればよいですか?

ありがとう！

4

1 に答える 1

3

iframe が外部の Web サイト ページを表示している場合、これを行うことはできません。

また、そのような iframe コンテンツの CSS ルールを定義することはできません。それは不可能だ。

しかし、別の方法がありますjQuery。

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

*ただし、これは同じドメインでのみ機能することを忘れないでください。

于 2012-11-21T23:54:45.040 に答える