Masquer html horizontale mais pas de barre de défilement verticale
J'ai un HTML textarea qui est de largeur fixe, mais variable en hauteur. Je tiens à mettre en overflow:scroll
et être en mesure d'afficher une barre de défilement verticale, mais non pas horizontal. Je ne suis pas en mesure d'utiliser overflow:auto
due à d'autres choses spécifiques à ma situation.
Je sais il n'y a aucun moyen à l'aide de CSS2 pour afficher uniquement à la verticale, mais pas de barres de défilement horizontale. Est-ce que je peux faire avec JavaScript pour cacher la barre de défilement horizontale?
- Non, l'utilisation de CSS2 et
overflow:scroll;
il n'existe aucun moyen pour afficher un bar et pas l'autre. C'est inhérent àoverflow:scroll
; javascript ne peut faire ce que le CSS permet. Cependant, je suppose que vous vous pouvez utiliser overflow:auto, vous juste ne sais pas comment. Auriez-vous des précisions sur les "autres choses spécifiques à votre situation"?
InformationsquelleAutor William Jones | 2010-04-07
Vous devez vous connecter pour publier un commentaire.
Vous pouvez utiliser les css comme ceci:
Utiliser les CSS. Il est plus facile et plus rapide que le javascript.
Désactiver la barre de défilement horizontale complètement par l'ajout de ce code.
À l'aide de
wrap=virtual
dans votre formulaire HTML boîtes à se débarrasser de la barre de défilement horizontale au bas de la boîte:Voir exemple ici : http://jsbin.com/opube3/2 (Testé sur FF et IE)
jeux de 200px déroulant taille,
overflow-x
masque toute la barre de défilement horizontal.Exemple de travail avec l'extrait de code et jsfiddle lien https://jsfiddle.net/sx8u82xp/3/
CSS:
HTML:
Pour moi:
Bien sûr supprimer les flèches