Skip to main content
position:fixedにタイトルで言及
リンク
unarist
  • 1.5万
  • 5
  • 36
  • 78

親要素の「transform: translate3d」設定値を変更した場合でも、指定子要素子要素の位置を position: fixed で固定したい

ソース リンク
re9
  • 6,816
  • 30
  • 133
  • 249

親要素の「transform: translate3d」設定値を変更した場合でも、指定子要素の位置を固定したい

前提

<div  style="transform: translate3d(0px, 0px, 0px);">
  <p></p>
</div>

下記のようにtranslate3dの値を変更した場合でも、pタグを常に左上で固定表示したい

<div style="transform: translate3d(400px, 0px, 0px);">
  <p></p>
</div>

・pタグに下記設定をしてみたのですが、pタグは移動してしまいます

z-index: 1000;
position: fixed;
top: 0;
left: 0;