Comment désactiver la barre de scroll horizontale ou verticale en CSS ?

Question

Comment faire pour désactiver la barre de scroll, horizontale ou verticale, en CSS ?

Answer 1

Pour désactiver la barre de scroll, horizontale ou verticale, en CSS, procédez comme suit :

• Utilisez la propriété CSS overflow-x pour désactiver le scroll horizontal.
• Utilisez la propriété CSS overflow-y pour désactiver le scroll vertical.
• Ajoutez le paramètre CSS hidden pour cacher la barre de défilement.

Exemple de code CSS pour désactiver la barre de scroll horizontale :

<style>
body {
   overflow-x: hidden; 
}
</style>

Exemple de code CSS pour désactiver la barre de scroll verticale :

<style>
body {
   overflow-y: hidden; 
}
</style>

Vous trouverez d'avantage d'informations sur la propriété CSS overflow, via cette page du site de Mozilla.