bootstrap modal elimina la barra de desplazamiento

He utilizado

.modal-open {
  overflow-y: scroll;
}

En este caso se evita mostrar la barra de desplazamiento horizontal

Creo que inherites mejor que scroll porque cuando abres modal, siempre se abrirá con scroll, pero cuando no tienes ningún scroll obtendrás el mismo problema. Así que solo hago esto:

.modal-open {
  overflow: inherit;
}

Gracias a Dios que llegué a través de este post! Me estaba tirando del pelo tratando de averiguar cómo recuperar mis barras de desplazamiento al cerrar la ventana usando mi propio enlace cercano. Probé las sugerencias para CSS, pero simplemente no funcionaba correctamente. Después de leer

La clase modal-open se añade al cuerpo HTML cuando se muestra el modal, y se lo quitan cuando lo esconden. -- @flup

Se me ocurrió una solución usando jquery, por lo que en caso de que alguien más tenga el mismo problema y lo anterior sugerencias no funcionan -

<script>
            jQuery(document).ready(function () {
jQuery('.closeit').click(function () {
 jQuery('body').removeClass('modal-open');
                });
            });
        </script>

Es mejor usar overflow-y:scroll y eliminar el relleno del cuerpo, el modal bootstrap agregó relleno al cuerpo de la página.

.modal-open {
  overflow:hidden;
  overflow-y:scroll;
  padding-right:0 !important;
}

IE browser Compatible, IE browser haciendo lo mismo por defecto.

Estaba jugando con esta 'característica' de los modales de Bootstrap. Parece que la clase .modal tiene overflow-y:auto; Por lo que el contenedor modal obtiene su propia barra de desplazamiento cuando el modal en sí se convierte en alto.

Si siempre desea una barra de desplazamiento (los diseñadores a menudo lo hacen) Primero establece el cuerpo

body {
    overflow-y:scroll;
}

Luego manejar .modal-open

.modal-open .modal {
    overflow-y:scroll; /* Force a navbar on .modal */
}

.modal-open .topnavbar-wrapper {
    padding-right:17px; /* Noticed that right aligned navbar content got overlapped by the .modal scrollbar */
}

Deje la barra de desplazamiento deshabilitando el cuerpo intacto en este caso

Todas las demás respuestas en esta página siguieron haciendo saltar mi contenido.

Cabezas ¡arriba!

Aunque esta solución funcionó para mí todo el tiempo, ayer tuve un problema al usar esta solución cuando el modal es arrastrable y grande para adaptarse a la pantalla (verticalmente). Podría tener algo que ver con position:sticky elementos que agregué?

Mejor si va a crear su propio css archivo para personalizar una cierta parte de su bootsrap.

No altere el archivo css de bootstrap porque cambiará todo en su bootstrap una vez que lo use en otras partes de su página.

Si su página es algo larga, automáticamente proporcionará una barra de desplazamiento. Y cuando se abra el modal, ocultará la barra de desplazamiento porque eso es lo que bootstrap hace por defecto.

Para evitar ocultarlo cuando se abre modal, solo anularlo poniendo el código css (abajo) en su propio archivo css.

.modal-open {
    overflow: scroll;
}

Solo viceversa...

.modal-open {
    overflow: hidden;
}

El modal bootstrap agrega un relleno una vez que se abre para que pueda probar este código en su propio css

.modal-open {
    padding: 0 !important;
}

Además, si la ventana emergente modal necesita desplazarse con el contenido dentro y el padre necesita permanecer quieto, agregue lo siguiente a su Personalizado.css (sobrescribiendo css)

.modal-body {
    max-height: calc(100vh - 210px);
    overflow-y: auto;
}
.modal-open {
    overflow: hidden;
    overflow-y: scroll;
    padding-right: 0 !important;
}