web-dev-qa-db-fra.com

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

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

htmlcssscrollscrollbar
100
jdborg

Ces deux propriétés CSS peuvent être utilisées pour masquer les barres de défilement:

overflow-y: hidden; // hide vertical
overflow-x: hidden; // hide horizontal
206
Luke

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.

38
Siva Charan

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

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

Ou sinon :

pour masquer X:

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

pour masquer Y:

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

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 correspondant et appliquer ces propriétés.

8
Nirav Mehta

Ajouter ce qui suit:

body{
overflow-y:hidden;
}
1
Zeinab

Ces règles sont compatibles avec tous les navigateurs:

body {overflow: hidden; }
body::-webkit-scrollbar { width: 0 !important; }
body { overflow: -moz-scrollbars-none; }
body { -ms-overflow-style: none; }
0
tamueka