[SOLUCIONADO] Modal no se desplaza con la barra de desplazamiento

[osmaymoya]

Hola amigos, tengo el siguiente problema: estoy realizando un formulario a través de un modal de bootstrap que se muestra perfectamente e incluso se desplaza bien (es mayor que lo que se puede mostrar en pantalla). Dada cierta condición necesito mostrar otro modal sobre este. El problema está en que cuando termino con este último modal debo quedarme en el anterior, eso lo logro tambien pero no se desplaza, o sea cuando muevo la barra de desplazamiento se desplaza lo que está detrás del modal, incluso teniendo el focus en el modal, la barra de desplazamiento sigue desplazando la pantalla que se encuentra detrás. Al modal que se muestra sobre el otro cuando realizo el submit a través de ajax, si la acción se realizó correctamente le aplico un toggle

Código:

$("#create-client").modal("toggle");

Espero puedan ayudarme.
Saludos, Osmay

[osmaymoya]

Hola amigos, he encontrado la solución. Luego de aplicarle el toggle al modal create client, le agrego la clase overflow-hidden al body y le agrego la clase overflow-auto al modal que me queda en pantalla. Ambas clases las agregué a mi hoja de estilos

$("#create-client").modal("toggle");
$("body").addClass("overflow-hidden");
$("#create-buy").addClass("overflow-auto");

archivo css

.overflow-hidden{
overflow:hidden;
}
.overflow-auto{
overflow:auto;
}

de esta forma el modal se queda con el scroll.

[osmaymoya]

otra forma válida es utilizando la funcion .css() de jquery para manipular el atributo css

$("body").css("overflow", "hidden");
$("create-buy").css("overflow", "auto");