position:fixedがスマホでうまく動かないとき

これで1日潰したので

結論

headに↓を追加でいけた。

<meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">

参考:

position:fixedは親要素にtransform指定してると上手く動かなかったり罠が多くてつらい...