Masquer la barre de défilement html horizontale mais pas verticale

Question

J'ai une zone de texte HTML dont la largeur est fixe, mais la hauteur variable. J'aimerais définir overflow:scroll et être capable d'afficher une barre de défilement verticale, mais pas horizontale. Je ne suis pas en mesure d'utiliser overflow:auto en raison d'autres éléments spécifiques à ma situation.

Je sais qu'il n'existe aucun moyen d'utiliser CSS2 pour afficher uniquement les barres de défilement verticales et non horizontales. Y a-t-il quelque chose que je puisse faire avec JavaScript pour masquer la barre de défilement horizontale ?

Answer 1

Vous pouvez utiliser le css comme ceci :

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

Answer 2

Utilisez les CSS. C'est plus facile et plus rapide que le javascript.

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

Answer 3

Désactivez complètement la barre de défilement horizontale en ajoutant ce code.

body{
  overflow-x: hidden;
  overflow-y: scroll;
}

Answer 4

Utilisation de wrap=virtual dans vos boîtes de formulaire HTML permet de supprimer la barre de défilement horizontale au bas de la boîte :

  <textarea name= "enquiry" rows="4" cols="30" wrap="virtual"></textarea>

Voir exemple ici : http://jsbin.com/opube3/2 (Testé sur FF et IE)

Answer 5

<div style="width:100px;height:100px;overflow-x:hidden;overflow-y:auto;background-color:#000000">