Maison > interface Web > tutoriel CSS > Comment désactiver complètement le défilement horizontal sur votre site Web ?

Comment désactiver complètement le défilement horizontal sur votre site Web ?

Linda Hamilton
Libérer: 2024-11-02 05:22:30
original
969 Les gens l'ont consulté

How to Completely Disable Horizontal Scrolling on Your Website?

Comment désactiver complètement le défilement horizontal

Pour désactiver physiquement la fonction de défilement horizontal sur votre page Web, suivez ces étapes :

  1. Règle CSS dans la balise HTML :

    • Dans la balise , spécifiez les deux max-width : 100%; et overflow-x: caché; Règles CSS pour garantir que la page ne peut pas dépasser la largeur de la fenêtre du navigateur et que le défilement horizontal est désactivé.
  2. Code CSS complet :

    <code class="css">html, body {
        max-width: 100%;
        overflow-x: hidden;
    }</code>
    Copier après la connexion
  3. Implémentation :

    • Inclure le code CSS dans une feuille de style externe ou ajoutez-le au fichier