WEB系キャンパス

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

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

body {
    overflow-x:hidden;
}

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

html {
    overflow:auto;
}
body {
    overflow-x:hidden;
}

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

コメントを残す

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