javascript – So zentrieren Sie Elemente von iframe-eingebetteten Seiten.

Question

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

Answer 1

你的iframe居中了吗？ iframe的内容想居中的话，写css就可以了。不用写js了吧

left:50%;top:50%;margin-left:-宽度的一半，高度同理

Answer 2

好像得用 position=fixed