Ich versuche ein einfaches modales Popup zu erstellen. Ich habe das CSS erledigt und das Javascript meistens erledigt. Ich bin an dem Punkt, an dem ich auf eine Schaltfläche auf der Seite klicke und das Popup erscheint, aber es erscheint oben auf der Seite. Es wird genau so angezeigt, wie es sein sollte, wenn Sie ganz oben auf der Seite gescrollt wurden.

Ich möchte jedoch, dass das modale Popup-Feld basierend auf der aktuellen Bildlaufposition zentriert angezeigt wird. Ich möchte auch, dass es beim Scrollen zentriert bleibt. Ab sofort schwebt es nicht mehr in der Mitte des Bildschirms.

Welche JavaScript-Eigenschaft muss ich verwenden, um die Position des Popup-Div während des Bildlaufs anzupassen.

Ich habe es versucht, aber ohne Erfolg:

function showModal(id)
{
   window.onscroll = function () { document.getElementById(divID).style.top =
                                               window.pageYOffset || 
                                               document.body.scrollTop || 
                                               document.documentElement.scrollTop; };
   document.getElementById(id).style.display = "block";
   document.getElementById(id).style.top =
                 window.pageYOffset || 
                 document.body.scrollTop || 
                 document.documentElement.scrollTop; };
}

Ich benutze gerade Vanille Javascript, kein jQuery.

TL; DR: Ich habe ein modales Popup erstellt, es bleibt jedoch nicht zentriert, wenn ich vom oberen Rand der Seite weg scrolle.