La barra de desplazamiento vertical se está ocultando, cuando TwitterBootstrap 3 modal aparece, y regresa, cuando modal está oculto. Debido a que ciertos elementos en mi página varían su posición respecto a si la barra de desplazamiento vertical es visible o no, esto produce un efecto general no muy bueno:
¿Hay alguna forma de evitar esto y obligar a la barra de desplazamiento vertical a permanecer en la pantalla todo el tiempo, incluso durante la visualización de Twitter Bootstrap 3 modal?
Estoy usando modales generado por el framework Yii2, pero dudo, que este sea un tema de marco. Parece ser más como el problema principal de Twitter Bootstrap 3.
Respuestas
1 para la respuesta № 1En su archivo CSS personalizado que debe cargarse después de que el CSS de rutina de carga agregue el siguiente código:
.modal-open {
overflow: scroll;
}
0 para la respuesta № 2
Como dijiste, el código predeterminado de Bootstrap tiene cierto CSS preestablecido, que en este caso servirá overflow: hidden Sobre la aparición del modal.
Para solucionar este problema, diríjase al modal utilizando un selector y agregue overflow: scroll para ello, y asegúrese de que viene después del Bootstrap CSS para obtener prioridad.
También podrías dar una bofetada !important etiqueta en el caso de que tu CSS tenga que venir antes que el Bootstrap CSS por cualquier razón.
Espero que ayude.