移動端 iframe的使用


對於iframe的設定有幾個css屬性常用
overflow:hidden;width:100%;當這樣使用inframe內部中使用overflow,iframe會被撐開,導致width與overflow配合失效,例子(空了再寫)
解決辦法:iframe中的body設定與iframe同樣的width(但不能100%必須是固定的px)

iframe自適應高度,僅修改iframe代碼,不用對其他頁面進行修改

var iframes = window.parent.parent.document.querySelectorAll("iframe");
    var this_href = window.location.href;
    for (var i = iframes.length - 1; i >= 0; i--) {
      if (iframes[i].src === this_href) {
        iframes[i].style.height = $(document.body).height() + 'px';
        iframes[i].style.width = iframe_width + 'px';
        iframes[i].style.border = '0';
      }
    }

先檢索出當前的iframe在父頁面的元素出來,然后js操作他的css就可以了


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM