モバイルで見慣れていたサイトだけ縦スクロール表示にしたい モバイルで見慣れていたサイトへの横スクロールをなくしたい モバイル ビューに長いページがあり、垂直スクロールが表示されません。
助けて。
モバイルで見慣れていたサイトだけ縦スクロール表示にしたい モバイルで見慣れていたサイトへの横スクロールをなくしたい モバイル ビューに長いページがあり、垂直スクロールが表示されません。
助けて。
@media
query and overflow-x
orを使用してスクロールバーを制御できると思うoverflow-y
ので、これを組み合わせることができます。
CSS
body {
overflow: hidden;
}
@media (max-width: 480px) {
body {
overflow-y: auto;
}
}
特定のニーズに合わせて 480px を調整します。これは、ブラウザのサイズを 480px 未満に変更すると、このクエリが機能することを示すフィドルです。スクロールバーが戻ってくることがわかります。
これがうまくいくかどうか教えてください。ご覧のとおりoverflow
、ボディに非表示の設定があり (現在のように)、この@media
クエリを使用して、幅が 480px 以下の場合に元に戻すことができます。