html - 親 DOM ノードでハードウェア アクセラレーションを有効にすると位置が壊れるのはなぜですか: 修正済み

Question

親 DOM ノードでハードウェア アクセラレーションを有効にすると壊れるのはposition: fixed なぜですか?

これは Webkit と Firefox では壊れています

ここでテストケースを縮小

http://codepen.io/s/pen/yzHFA

---

によって有効にされた GPU モード

@include transform(translateZ(0));
@include perspective(1000);
@include backface-visibility(hidden);

Answer 1

残念ながら、私はあなたのための解決策を持っていません. これは、CSS 2D 変換が変換された要素の周りに包含ブロックを作成し、ドキュメントと共にスクロールするために発生します。

詳細な説明については、Eric Meyer の投稿http://meyerweb.com/eric/thoughts/2011/09/12/un-fixing-fixed-elements-with-css-transforms/を参照してください。