iOS5なのにposition:fixed;が効かない時に確認すること | Culture27

なんだかんだでFirefoxメインで制作しているわけですが、とあるページでposition:fixed;が効いてないみたいだよ？と@e_luckさんに教えてもらいまして、、、でちょっと調べてみて気づいたことです。 HTML5 Rocks - Improving the Performance of your HTML5 Appの「The magic CSS bullet」で紹介されていた下記のコードは、指定するとGPUアクセラレーションが有効になるのでパフォーマンス向上の恩恵を受けることができるかもしれない、といったような事が言われています（アニメーションの描画がスムーズになる？）。 GPUアクセラレーションを有効にするスタイル

[raimon49]

GPUオンを狙ってbody要素に-webkit-transform: translateZ(0);を指定してしまうと、子要素が全部position: relative;になってしまう。

[Layzie]

おっと、これは落し穴だわ…。まだ使ってないけど

[hirorock]

iOS5でGPUアクセラレーション有効にした時、position: fixed;してるとこの弊害と対応方法

[hiroshi_revolution]

iOS5なのにposition:fixed;が効かない時に確認すること | Culture27

[edo_m18]

そうなのか・・。

[macky1207]

やっぱりまだまだ使えないな・・・(´・ω・｀)