javascript - iframe内嵌页面的元素如何居中。

Question

iframe里面的一个子页面 有一个元素 想让他随着鼠标滚动永远是居中的，但是用之前的方法，好像没有作用请问是什么原因；

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

id为box是需要居中的元素 也加了position=absolute
因为元素高度不固定 所以用的js控制 没有用定位；请问是我的代码出问题了还是iframe页面让元素居中这种方法不起作用

Answer 1

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

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

Answer 2

好像得用 position=fixed