Es gibt ein Element auf einer Unterseite in einem Iframe. Ich möchte, dass es beim Scrollen mit der Maus immer zentriert wird, aber mit der vorherigen Methode scheint es nicht zu funktionieren

window.onload = function(){

            function box(){
                var oBox = document.getElementById("box");
                var L1 = oBox.offsetWidth;
                var H1 = oBox.offsetHeight;
                var Left = (document.documentElement.clientWidth-L1)/2;
                var top = (document.documentElement.clientHeight-H1)/2;
                oBox.style.left = Left+"px";
                oBox.style.top = top+"px";
            }
            box();
            window.onresize = function(){
            box()
        }
        }

Das Element, dessen ID box ist, muss zentriert sein und position=absolute hinzugefügt werden.
Da die Höhe des Elements nicht festgelegt ist, funktioniert das verwendete js-Steuerelement nicht für die Positionierung. Stimmt etwas mit meinem Code nicht oder liegt es an der Methode? Das Element auf der Iframe-Seite zu zentrieren, funktioniert nicht