Désactiver la barre de défilement verticale en cas de dépassement de div: auto

Question

Est-il possible d'autoriser uniquement une barre de défilement horizontale lors de l'utilisation de débordement: auto (ou défilement)?

Answer 1

Je ne sais pas si cela fonctionnera, mais il vaut peut-être la peine d'essayer l'une de ces deux propriétés CSS:

 overflow-y:hidden;
overflow-x:hidden;
 

Answer 2

Vous devriez utiliser seulement

overflow-y:hidden; - Utilisez ceci pour masquer le défilement vertical

overflow-x:auto; - Utilisez-le pour afficher le défilement horizontal

Luke a mentionné que les deux sont cachés. donc je l'ai donné séparément.

Answer 3

débordement: auto;
débordement-y: caché;

Pour IE8: -ms-overflow-y: hidden;

Ou sinon :

Pour cacher X :

 <div style="height:150x; width:450px; overflow-x:hidden; overflow-y: scroll; padding-bottom:10px;"></div>
 

Pour cacher Y :

 <div style="height:150px; width:450px; overflow-x:scroll ; overflow-y: hidden; padding-bottom:10px;"></div>
 

Answer 4

Si vous voulez accomplir la même chose dans Gecko (NS6 +, Mozilla, etc.) et IE4 + simultanément, je pense que cela devrait faire l'affaire: V

 body {
overflow: -moz-scrollbars-vertical;
overflow-x: hidden;
overflow-y: auto;
}
 

Cela s'appliquera à la balise body entière, veuillez la mettre à jour avec votre css pertinent et appliquer ces propriétés.