1026.tv - 親要素に transform をかけると position: fixed が absolute 扱いになるhtml - Positions fixed doesn't work when using -webkit-transform - Stack Overflowcss - css3 transform reverts position: fixed - Stack Overflow上に載せた情報により、どうもtransformとposition:fixedは相性が悪いみたい。
スクロールしてもそのままの位置で待ってるってことは、やっぱりabsoluteになってしまうっぽいです。
linux版のchromeでもfirefoxでも起こりました。仕様かと思ったけれどバグなんですかね?もうすでにどっかのブラウザではIssueとして登録されたっぽいけれど。
個人的にはwindowsで小さな文字を表示するとエイリアスでガザガザになってしまうので、それの抑止用に文字にtransformをかけてたのですが、断念するしかないみたい。
何かいい方法ってあるんですかね?
ついでにこれに気づくまでに2時間弱かかりましたorz