iPad 用の HTML5 アプリで作業しています。要素ハードウェアの高さを変更したいと思います。
子要素 (絶対に配置され、親よりも大きい) にビューポート (親、オーバーフロー:非表示) を作成しました。ビューポートの高さを拡張すると、子要素の大部分が表示されます。
アニメーションは、私のデスクトップ ブラウザ (Chrome) では非常にきれいに見えますが、iPad (iOS 6) で実行すると、アニメーションはあまりスムーズではありません。
次の JSFiddle は問題を示しています。
http://jsfiddle.net/schade/bqsnS/ (iPad を使用して問題を確認し、Chrome を使用して動作を確認してください)
私はiPadをデバッグしましたが、私の結論はそれが多くのリフローを行うということです.今のところ、私の結論は、子の位置をどのように設定しても、親要素の高さを変更すると常にiPadで子要素の再描画が強制されるということです.要素。または？
誰かがこれを修正していますか？
または、ある種の優れた回避策はありますか？