Skip to main content
1 / 2
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;
re9
  • 6,816
  • 30
  • 133
  • 249