La barre de défilement verticale est masquée lorsque TwitterBootstrap 3 modal apparaît et revient lorsque modal est masqué. Étant donné que certains éléments de ma page varient selon que la barre de défilement verticale est visible ou non, cela produit un effet global qui ne semble pas très beau:
Est-il possible d'empêcher cela et de forcer la barre de défilement verticale à rester à l'écran tout le temps, même pendant l'affichage de Twitter Bootstrap 3 modal?
J'utilise des modaux généré par le framework Yii2, mais je doute que ce soit une question de cadre. Semble être plus comme le problème principal de Twitter Bootstrap 3.
Réponses:
1 pour la réponse № 1Dans votre fichier CSS personnalisé qui devrait être chargé après l'amorçage CSS, ajoutez le code suivant:
.modal-open {
overflow: scroll;
}
0 pour la réponse № 2
Comme vous l'avez dit, le code par défaut de Bootstrap a certaines CSS prédéfinies, ce qui dans ce cas fera overflow: hidden sur l'apparition du modal.
Pour résoudre ce problème, ciblez le modal à l'aide d'un sélecteur et ajoutez overflow: scroll et assurez-vous qu’il vient après le CSS Bootstrap pour avoir la priorité.
Vous pouvez aussi gifler un !important sur la balise dans le cas où votre CSS doit venir avant le CSS Bootstrap pour une raison quelconque
J'espère que cela pourra aider.