iOSでbodyにoverflow: hiddenが効かないとき - Qiita

モーダルを出すとき、背景側の要素がスクロールしないようにしたい。 デスクトップ向けなら body 要素に対して overflow: hidden; を適用すれば済む。 しかしiOSだとこれだけではうまくいかない。 html 要素にも指定が必要である。 html { // autoで十分 overflow: auto; height: 100%; } // モーダルを開いた時のbody body.modal-open { overflow: hidden; height: 100%; }