社会人から始めたプログラミング

プログラミング、エンジニアに関することでの備忘録、シェアしたい情報などを共有するためのブログです。

iOS/iPad/iPhoneなどでposition: fixedで親要素や祖先要素からtransformのtranslate関連は取り除いたはずなのにモーダルがちゃんと動かない時

結構困った

Webは崩れていなかったモーダルの表示が、iPadでは崩れていた。(想定していた上部にモーダルの黒い背景がかかっていなかったし、下部にも余白、blankスペースができてしまった。。)

原因

-webkit-overflow-scrollingプロパティにtouchが設定されているのがいけなかった。

解決方法

-webkit-overflow-scrollingプロパティにautoを入れました。

参照

nakagaw.hateblo.jp

shanabrian.com