搜尋

首頁  >  問答  >  主體

javascript - iframe內嵌頁面的元素如何居中。

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頁讓元素居中這種方法不起作用

过去多啦不再A梦过去多啦不再A梦2751 天前1019

全部回覆(2)我來回復

  • 淡淡烟草味

    淡淡烟草味2017-05-18 10:50:58

    你的iframe居中了嗎? iframe的內容想居中的話,寫css就可以了。不用寫js了吧

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

    回覆
    0
  • 仅有的幸福

    仅有的幸福2017-05-18 10:50:58

    好像要用 position=fixed

    回覆
    0
  • 取消回覆