wordpress - モバイル ビューのみを使用したサイトでの水平スクロールと垂直スクロール

Question

モバイルで見慣れていたサイトだけ縦スクロール表示にしたい モバイルで見慣れていたサイトへの横スクロールをなくしたい モバイル ビューに長いページがあり、垂直スクロールが表示されません。

助けて。

Answer 1

@mediaquery and overflow-xorを使用してスクロールバーを制御できると思うoverflow-yので、これを組み合わせることができます。

CSS

body {
  overflow: hidden;
}

@media (max-width: 480px) {
  body {
    overflow-y: auto;
  }
}

特定のニーズに合わせて 480px を調整します。これは、ブラウザのサイズを 480px 未満に変更すると、このクエリが機能することを示すフィドルです。スクロールバーが戻ってくることがわかります。

これがうまくいくかどうか教えてください。ご覧のとおりoverflow、ボディに非表示の設定があり (現在のように)、この@mediaクエリを使用して、幅が 480px 以下の場合に元に戻すことができます。