Heim > Web-Frontend > CSS-Tutorial > Hauptteil

Wie kann ich das horizontale Scrollen auf Ihrer Website vollständig deaktivieren?

Linda Hamilton
Freigeben: 2024-11-02 05:22:30
Original
874 Leute haben es durchsucht

How to Completely Disable Horizontal Scrolling on Your Website?

So deaktivieren Sie das horizontale Scrollen vollständig

Um die horizontale Scrollfunktion auf Ihrer Webseite physisch zu deaktivieren, führen Sie die folgenden Schritte aus:

  1. CSS-Regel im HTML-Tag:

    • Geben Sie im -Tag beide max-width an : 100 %; und overflow-x: versteckt; CSS-Regeln, um sicherzustellen, dass die Seite die Breite des Browserfensters nicht überschreiten darf und dass horizontales Scrollen deaktiviert ist.
  2. Vollständiger CSS-Code:

    <code class="css">html, body {
        max-width: 100%;
        overflow-x: hidden;
    }</code>
    Nach dem Login kopieren
  3. Implementierung:

    • Einschließen den CSS-Code in einem externen Stylesheet oder fügen Sie ihn dem