Jul
16th
Fri
16th
そもそもなぜiPhoneとiPadはposition: fixedをサポートしていないのかについては、Safariの公式資料のPreparing Your Web Content for iPadに記載がありました。
どうも、もともとPCのブラウザはWindowとViewportをほぼ同じものとしてレンダリングしているけど、iPhone・iPadではあくまでViewportに対して「position: fixed」していて、Viewport自体はWindowの中にレンダリングされているので、Windowに対して要素はfixされないという感じらしいです。なのでこれはバグでもなんでもなく仕様だとのこと。(しかし明らかにPCのブラウザとレンダリングの整合性が取れないので代替策を提供してほしいけど)
どうも、もともとPCのブラウザはWindowとViewportをほぼ同じものとしてレンダリングしているけど、iPhone・iPadではあくまでViewportに対して「position: fixed」していて、Viewport自体はWindowの中にレンダリングされているので、Windowに対して要素はfixされないという感じらしいです。なのでこれはバグでもなんでもなく仕様だとのこと。(しかし明らかにPCのブラウザとレンダリングの整合性が取れないので代替策を提供してほしいけど)