-webkit-overflow-scrollingを指定するときについでにやっておいた方がいいこと - Qiita

追記 iOS9で試してみたら、効かなくなってました……。「一部の要素のスクロールがページ全体のスクロールに影響しない」って結構重要だったのに、残念です。iOS8については試していないのでわかりませんが、バグだったということでしょうか。 以下本文 スクロールできる要素の問題点 まず前提として、スクロールできる要素に対して-webkit-overflow-scrolling: touch;と指定すると慣性スクロールが実装できます。例としてグローバルメニューのようなものを作ってみます。

[daizo1117]

“-webkit-overflow-scrolling: touch;”

[yayocan]

iOS iframe スクロール

[kenichirou1225]

“/* 外枠はそのまま */ #menu-outer { position: fixed; top: 0; left: 0; height: 100%; overflow-y: auto; -webkit-overflow-scrolling: touch; } /* 内枠を追加 */ #menu-inner { width: 100%; height: 100%; overflow-y: auto; }”

[eedamame]

“-webkit-overflow-scrolling: touch;”