怎樣讓超過iframe框架高度限定自動隱藏呢？

2021-08-05 分類：網站建設

小編近在排版時發現iframe框架中的表單超過其框架高度后不知道應該怎么被自動隱藏，相信也有其他朋友同樣遇到過這種問題，那么我們就一起來探究下應該怎樣實現這個問題吧，以下是小編經過千辛萬苦（有點夸大了啊，嘻嘻）才找到的一個解決方法：

$(document).ready(function()

{

// Set specific variable to represent all iframe tags.

var iFrames = document.getElementsByTagName_r('iframe');

// Resize heights.

function iResize()

{

// Iterate through all iframes in the page.

for (var i = 0, j = iFrames.length; i < j; i++)

{

// Set inline style to equal the body height of the iframed content.

iFrames[i].style.height = iFrames[i].contentWindow.document.body.offsetHeight + 'px';

}

// Check if browser is Safari or Opera.

if ($.browser.safari || $.browser.opera)

{

// Start timer when loaded.

$('iframe').load(function()

{

setTimeout(iResize, 0);

}

);

// Safari and Opera need a kick-start.

for (var i = 0, j = iFrames.length; i < j; i++)

{

var iSource = iFrames[i].src;

iFrames[i].src = '';

iFrames[i].src = iSource;

}

else

{

// For other good browsers.

$('iframe').load(function()

{

// Set inline style to equal the body height of the iframed content.

if(this.contentWindow.document.body.offsetHeight>1000)

{

this.style.height = 700 + 'px';//此處為小高度的設置

}else{

this.style.height = this.contentWindow.document.body.offsetHeight + 'px';

}

);

}

);

</script>

看的懂么？哈哈，其實也不用看懂，只要把上述文件外加一個jquery文件一起加載下，你會發現你想要的效果已經出現了...

以上信息來自創新互聯，創新互聯科技有限公司專注于營銷型網站建設、SEO整合推廣、企業形象網站建設、行業網站建設、綜合商城建設、，品牌解決方案。

網站欄目：怎樣讓超過iframe框架高度限定自動隱藏呢？
本文路徑：http://m.kartarina.com/news2/120852.html

成都網站建設公司_創新互聯，為您提供網站制作、面包屑導航、搜索引擎優化、營銷型網站建設、網站建設、動態網站

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源：創新互聯

猜你還喜歡下面的內容