WEB系キャンパス

Safariでトラックパッドでスクロールした時にoveflow:hiddenが効かなくなってしまう

アコーディオンやドロワーメニューをCSSのtransformやpositionでウィンドウの外側に見えなくしている場合はoverflow:hiddenではみ出た要素を非表示にさせていたんだけど、Safariで開いてトラックパッドでスクロールした時だけはみ出た要素が表示されてしまっていた。

1body {
2    overflow-x:hidden;
3}

iOS全般なのか、htmlにもoverflowを指定しないといけないようだ。

1html {
2    overflow:auto;
3}
4body {
5    overflow-x:hidden;
6}

「overflow:auto;」をかけるだけでイケたって話。
iOSではoverflowが効かない場合もあるみたいだから、注意が必要っぽい。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です