EL problema Parte cuando se abre una ventana Modal, la misma dispara el evento de agregar una clase llamada class="modal-open"; en el BODY y al momento de cerrar cualquier ventana modal sin importar el orden de la que este abierta, dispara otro evento que la quita.
Ahora Explico que hace la Class modal-open
si buscamos es CSS nos muestra lo Siguiente
.modal-open {
overflow: hidden;
}
es decir, nos quita del body las barras de navegación, el scroll vertical y horizontal.
Para solucionar eso, hay que editar el bootstrap.js, específicamente en la función:
Simplemente agrear un contador de ventanas modales abierta, y si es mayor a 2, que no remueva la class modal-open,
Copie y remplace la funcion completa por esta.
Modal.prototype.hideModal = function () {
var that = this,
contador = $('.modal:visible').length // Cuenta las ventanas modales activa
this.$element.hide()
this.backdrop(function () {
if (contador < 2){
that.$body.removeClass('modal-open') // quita del Body la Class modal-open
}
that.resetAdjustments()
that.resetScrollbar()
that.$element.trigger('hidden.bs.modal')
})
}
