0

ワンページナビサイトがトレンドで、作りたいと思っているのですが、いつもipadで困っています。私の macbook では通常、Web ページはスムーズにスクロールできますが、ipad では、いくつかの写真と css だけでも、ひどいものです。ここに例がありますhttp://jsfiddle.net/fatdogmark/YxH8r/、iPadで移動すると非常に途切れます。iPad 4 はすでにあらゆる種類のタブレットの中で最高のパフォーマンスだと思いますが、それでもパフォーマンスはひどいものです。1ページナビゲーションサイトにiPadは向いていない?ここで何かアドバイスをいただければ幸いです。iPadのパフォーマンスを向上させるためのトリックやテクニックはありますか? 使わないoverflow、cssやjsをたくさん埋め込まない<script src=''></script>すべてヘッダーに(それが私が通常行うことです)、それらをhtmlインラインに配置するか、すべてを1つの同じファイルに配置しますか?または translate3D(0,0,0) のようなある種のコードを使用しますか?または、トランジション、jquery アニメーション、またはイージングの使用を避けますか? または、より優れたパフォーマンスのナビゲーション プラグインはありますか?

また、Ipad でズームが実際にアクティブになることを偶然発見した$(window).resize(function(){//});ので、スクリプトですべての window.resize を無効にして、パフォーマンスを節約します。

4

1 に答える 1

0

これを使用する必要が
$btn1.style.webkitTransform = "translate3d(0px, " + anchor1_pos + "px, 0px)"; あり、他のどのトランジションよりも大幅に優れています。

明らかに、あなたもそれを設定する必要がありますwebkitTransition、例えば"all ease-in-out 2s"

また、私の経験では、DOMが大きくなりすぎないようにする必要があります。大量のコンテンツを計画している場合は、未使用のページをで非表示にすることを検討する必要があります"display: none"。でも、1ページだけスクロールしたいので、情報量が限られていると思いますので、大丈夫だと思います。そして、これはiPad1&2で私のために働いた;)

于 2012-11-26T15:15:27.900 に答える