エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
position:fixedの親要素にtransform:translate3dをかけると壊れる - Qiita
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
position:fixedの親要素にtransform:translate3dをかけると壊れる - Qiita
タイトルの通り。 fixedをかけた要素が、position:absoluteのような挙動をしていたので調べると、 ここ... タイトルの通り。 fixedをかけた要素が、position:absoluteのような挙動をしていたので調べると、 ここに同じ人が。 http://stackoverflow.com/questions/25824749/why-webkit-transform-translate3d0-0-0-messes-up-with-fixed-childs 親要素にtransform:translate3d(..)がかかってるのが原因なんですが、transformのレンダリングモデルに関係があるみたいです。 transformをかけると、このレンダリングモデルの配置システムになり、 transform:noneでもとの配置システムに戻る、とオフィシャルにも書いてありますね。 https://www.w3.org/TR/css-transforms-1/#transform-rendering な