HTML - Pop-up que se abra en el centro de la web pero no al inicio

Saludos a todos,

Tengo un pop-up que no es más que un div con contenido y que se abre al hacer click en diferentes elementos de la web. Para centrarlo en la web, lo coloco fixed, al 50% del top (menos la mitad de su alto) y al 50% del left (menos la mitad de su ancho).

Ahora bien, el problema es que al abrir el pop-up sigue manteniendo su centrado vertical y horizontal en la web, pero es como si se subiera a arriba del todo (como al cargar la página), y cuando el usuario estaba navegando más abajo es muy confuso. ¿Saben cómo puede solucionarse?

¡Gracias!

Hola Luis, no se muy bien como lo haces, pero según entiendo, tendrás que utilizar javascript y sumar el scroll a la posición vertical con window.pageYOffset

Te sirve?

Hola Laura,

Secundando la respuesta de xve,
Que te parece cambiar el posicionamiento fixed a absolute?

Quedamos atentos,
Saludos!

El problema está en que con absolute se abre al inicio de la página también, pero pegado al inicio (top:0). Además, los divs que al clicar abren el popup están distribuidos a lo largo de la web, por lo que el scroll no es una solución.... No sé si me explico. quiero que se abra como está, centrado, pero que no cargue la web como si se estuviera volviendo a abrir.

¡Gracias por la ayuda!

Si añades una posición fija, si el usuario haces scroll, lo más probable es que el div se quede arriba...

¿Y si no te lías tanto y utilizas algún componente .js o directamente bootstrap?

Hola Santi, ¿Cómo sería eso?

SOLUCIÓN: tan sencillo como poner una función en el enlace (en el html):

Si tenemos <a href="#">, lo cambiaremos por <a href="javascript:void(0)">. Nos permitirá interactuar con el enlace con onClick, hover, etc, pero no nos llevará a ningún sitio. ¡Perfecto para Pop-ups!

Saludos, compañeros!