Heim
Web-Frontend
CSS-Tutorial
Wie kann ich das horizontale Scrollen auf Ihrer Website vollständig deaktivieren?



Wie kann ich das horizontale Scrollen auf Ihrer Website vollständig deaktivieren?
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:
-
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.
-
Vollständiger CSS-Code:
<code class="css">html, body { max-width: 100%; overflow-x: hidden; }</code>
Nach dem Login kopieren -
Implementierung:
- Einschließen den CSS-Code in einem externen Stylesheet oder fügen Sie ihn dem