Maison  >  Article  >  interface Web  >  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
Linda Hamiltonoriginal
2024-11-02 05:22:30947parcourir

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>
  3. Implémentation :

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