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

モーダルを出すとき、背景側の要素がスクロールしないようにしたい。
デスクトップ向けなら body 要素に対して overflow: hidden; を適用すれば済む。

しかしiOSだとこれだけではうまくいかない。
html 要素にも指定が必要である。

html {
  // autoで十分
  overflow: auto;
  height: 100%;
}

// モーダルを開いた時のbody
body.modal-open {
  overflow: hidden;
  height: 100%;
}

これでiOSでも、表示領域を固定できる。