javascript - Comment centrer les éléments des pages intégrées iframe.

Question

Il y a un élément dans une sous-page dans une iframe. Je veux qu'il soit toujours centré lorsque la souris défile, mais en utilisant la méthode précédente, cela ne semble pas fonctionner. Puis-je demander pourquoi ?

window.onload = fonction(){

            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()
        }
        }

L'élément dont l'identifiant est box doit être centré et position=absolute est ajouté

Parce que la hauteur de l'élément n'est pas fixe, le contrôle js utilisé ne fonctionne pas pour le positionnement. Y a-t-il un problème avec mon code ou est-ce la méthode ? de centrer l'élément sur la page iframe ça ne marche pas

Answer 1

Votre iframe est-il centré ? Si vous souhaitez que le contenu de l'iframe soit centré, écrivez simplement du CSS. Plus besoin d'écrire js

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

Answer 2

Il semble que vous deviez utiliser position=fixed