私は基本的に固定ヘッダーと、Isotope を使用した多くの 3D 変換を含むコンテンツ領域を持っています
<header style="position: fixed; top: 0; left: 0">
</header>
<div class="isotope">
// 3d transforms happen here
</div>
私はここにフィドルを持っています - http://jsfiddle.net/jzT2L/3/
フィドルは問題ないように見えますが、「結果」html を iframe からコピーし、Chrome/Canary でドキュメントとして実行すると、問題が発生します。
また、chrome://flags/ で「合成レンダー レイヤーの境界線」を有効にすると役立ちます。
基本的にスクロールして固定ヘッダーが3Dレイヤー上にある場合、クロムも3Dレイヤーにしてスタイル/レイアウトを壊します
固定ヘッダーがインデントされ、3D レイヤーになっていることに注目してください。
同じことが FF や IE などでも問題なく動作します。これは既知のバグですか?また、これを止めるにはどうすればよいですか?