IFRAME犯規顯示正確的框架

我試圖加載冰的iframe中，這顯示其導航欄的事，但奇怪的發生。當我打開這個它不顯示導航欄，但搜索欄，但如果我改變（在Chrome檢查）的hieght從35px到3500px，然後回到35px。它顯示了導航欄。IFRAME犯規顯示正確的框架

<iframe src="http://www.bing.com/" scrolling="no" style="border: 0px none; position:absolute; left=0px; top=0px; margin-top: 0px; z-index:0; width:1700px; height:35px;"></iframe>

任何人都有想法，爲什麼會發生？謝謝！

來源

2015-01-09 marco polo

你可以提供一個小提琴？ http://jsfiddle.net/ 在這裏您可以發佈您的HTML，CSS，和JS，我們可以在這來看看在實際環境中 –

@ gibsonman507你可以在這裏http://jsfiddle.net/試試吧fb1da102 /它看起來像bing中的JavaScript正在觸發頁面加載，將搜索欄移動到頁面的頂部。 – mattytommo

謝謝。這裏是。 http://jsfiddle.net/1entzqvg/ 但這裏所發生的是，當我運行它，因此刷新頁面在瀏覽器中發生了什麼didnt發生在這裏。我編輯我的問題，因此會更清楚 –

它看起來像有一些JavaScript上兵認爲，在動搜索欄頂端上的頁面加載。

看來你可以避開這個由默認的CSS隱藏的iframe，然後使用顯示在文檔準備它的jQuery：

<iframe src="http://www.bing.com/" scrolling="no" style="border: 0px none; 
    position:absolute; left:0px; top:0px; margin-top: 0px; z-index:0; width:1700px; 
    height:35px; display: none;"> 
</iframe> 

$(function() { 
    $("iframe").show(); 
});

DEMO

來源

2015-01-09 15:45:15 mattytommo

謝謝！真的幫了我 –

@marcopolo不用擔心，我可以幫忙，有點奇怪。 – mattytommo

你需要在這裏使用一些JavaScript和最初的隱藏似乎是最好的前進方向。您可以通過聽取load事件iframe的做純JavaScript和然後顯示它：

document.getElementById('f').addEventListener('load', function() { 
 
    document.getElementById('f').style.display = ''; 
 
});

<iframe id="f" src="http://www.bing.com/" scrolling="no" style="border: 0px none; position:absolute; left=0px; top=0px; margin-top: 0px; z-index:0; width:1700px; height:35px; display:none;"></iframe>

來源

2015-01-09 15:50:22 Rhumborl

也謝謝！ –

IFRAME犯規顯示正確的框架

回答

相關問題