アコーディオンやドロワーメニューをCSSのtransformやpositionでウィンドウの外側に見えなくしている場合はoverflow:hiddenではみ出た要素を非表示にさせていたんだけど、Safariで開いてトラックパッドでスクロールした時だけはみ出た要素が表示されてしまっていた。
1 | body { |
2 | overflow-x:hidden; |
3 | } |
iOS全般なのか、htmlにもoverflowを指定しないといけないようだ。
1 | html { |
2 | overflow:auto; |
3 | } |
4 | body { |
5 | overflow-x:hidden; |
6 | } |
「overflow:auto;」をかけるだけでイケたって話。
iOSではoverflowが効かない場合もあるみたいだから、注意が必要っぽい。