Foro de elhacker.net

Buenas, saben si hay alguna manera para que se centre una ventana modal al medio del viewport con JS o CSS?, estuve intentando con CSS (o SCSS), pero se centra respecto al tope de la página, por así decirlo, si estoy con el scroll un poco más abajo se ve descentrado el modal hacia arriba, quisiera algo que tome el viewport (posición actual del viewport, etc) y de acuerdo a eso me centre el modal, (al modal lo genero con scripting en JS).

Este es el código CSS, que estoy usando por el momento, que lo centra pero si hago scroll no funciona bien.

.modaMl{
    position: absolute;
 
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
 

Solucionado, disculpen, estuve buscando en StackOverflow y no encontraba solución, a la final era solo cambiar un valor  :xD, luego de leer un poco sobre la propiedad "position", encontré que el valor "fixed", posiciona al elemento a partir de la posición del viewport.

.modaMl{
    position: fixed;
 
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}