web-dev-qa-db-fra.com

Bootstrap: comment désactiver la barre de défilement verticale?

lorsque ma fenêtre contextuelle modale s'ouvre, une barre de défilement verticale est ajoutée à droite de la fenêtre du navigateur. Comment puis-je désactiver cela? Je pense que cela est activé lorsque la fenêtre modale a une très grande valeur de hauteur où elle doit défiler. Je veux le désactiver car la hauteur de mon formulaire ne dépasse pas la hauteur de la fenêtre.

htmlcsstwitter-bootstrapbootstrap-modal
19
user1929393

Dans votre css, ajoutez:

body {
  overflow-y:hidden;
}
31
Patsy Issa

J'ai le même problème avec bootstrap 3.0.0. Il semble que la classe .modal ait la règle overflow-y: scroll qui donne la barre de défilement toujours visible.

Donc, vous pouvez modifier cela soit localement:

<div class="modal" ... style="overflow-y: auto;">
    ...
</div>

ou globalement:

<style>
.modal {
    overflow-y: auto;
}
</style>
31
alx

Ajoutez du style au corps en tant que:

body { 
  padding-right: 0px !important;
  overflow-y: hidden !important;
}
1
Deepak Kv

Si la hauteur de la fenêtre du modèle n’est pas supérieure à la hauteur de la fenêtre normale, l’affichage de la barre de défilement n’a aucun sens. Vérifiez que tout <div></div> utilisé pour atténuer l'arrière-plan derrière la fenêtre du modèle a une hauteur supplémentaire par rapport au point de vue.

0
Hawckins