問題的緣由 產品有個評論列表引用的是個iframe,高度不固定於是引發這個總結。 方法1:父級頁面獲取子級頁面的高度 給元素設置高度 這方法是用在父級頁面里的,通過獲取子級頁面的高度給iframe設置高度 涉及了一些兼容問題: IE用attachEvent | 3C用onload來判斷子 ...
問題比較特殊,google了好久才得到啟示 開發的angular頁面,需要嵌入到客戶的web頁中,以iframe方式。由於iframe的高度需要指定,而angular動態生成機制導致頁面高度會隨時變化, 就會出現 個滾動條,一個是頁面本身,一個是iframe里的。 解決方法如下: .寫一個directive監聽angular的 digest,實時獲取body高度,通過HTML postMessag ...
2017-03-08 11:51 0 2151 推薦指數:
問題的緣由 產品有個評論列表引用的是個iframe,高度不固定於是引發這個總結。 方法1:父級頁面獲取子級頁面的高度 給元素設置高度 這方法是用在父級頁面里的,通過獲取子級頁面的高度給iframe設置高度 涉及了一些兼容問題: IE用attachEvent | 3C用onload來判斷子 ...
vue項目中使用iframe嵌入靜態頁面的時候,會給iframe一個高度,內容超過這個高度時會產生滾動條,但是不想要滾動條,希望iframe的高度是內容高度,那么來一起學習吧。 iframe嵌入的靜態圖(初始圖,希望去掉滾動條): 1.在.vue文件中引入iframe,動態 ...
最近接手了別人的項目,別人用到了iframe,自己在實戰中總結了一些關於iframe的小問題。 獲取Iframe頁面高度並賦值給Iframe Html <iframe name="container_ifranme" id="iframeId" scrolling ...
function setIframeHeight(id){ try{ var iframe = document.getElementById(id); if(iframe.attachEvent){ iframe.attachEvent("onload", function ...
最近做項目中用到了iframe,子頁面更改父頁面的高度,經過九九八十一難,找到了解決的辦法。 $(window).load(function() { var h=$(document).height(); var ifHeight = $(window.top.document).find ...
跨域方法: 第一步,在主頁面里插入代碼://假設主域名是www.aaa.com 需要插入的跨域域名為www.bbb.com <iframe src="http://www.bbb.com/index.html" width="100%" height="100%" id ...
昨天一天弄了獲取iframe高度的js。firefox,ie是正常的,chrome時而正常,時而不正常。今天看了半天發現了問題,chrome是正確的,嚴謹的。 在chrome下時而報 uncaught TypeError:cannot read property ...