Web サイトの水平スクロールを完全に無効にする方法

Linda Hamilton
リリース: 2024-11-02 05:22:30
オリジナル
944 人が閲覧しました

How to Completely Disable Horizontal Scrolling on Your Website?

水平スクロールを完全に無効にする方法

Web ページの水平スクロール機能を物理的に無効にするには、次の手順に従います。

  1. HTML タグの CSS ルール:

    • タグ内で、max-width の両方を指定します: 100%; および overflow-x: hidden; CSS ルールにより、ページがブラウザ ウィンドウの幅を超えてはならず、水平スクロールが無効になることが保証されます。
  2. 完全な CSS コード:

    <code class="css">html, body {
        max-width: 100%;
        overflow-x: hidden;
    }</code>
    ログイン後にコピー
  3. 実装:

    • を含めるCSS コードを外部スタイルシートに追加するか、