Question

我试图加载bing的iframe，显示其导航栏，但发生了一些奇怪的事情。当我加载它时它不会显示导航栏而是显示搜索栏，但如果我更改（在chrome检查器中）hieght从35px到3500px然后再回到35px。它显示了导航栏。

<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>

任何人都有想法为什么会这样？谢谢！

Answer 1

看起来Bing上有一些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

Answer 2

你需要在这里使用一些javascript，最初隐藏似乎是最好的前进方式。您可以通过收听load的{{1}}事件以及然后显示它来在纯JavaScript中执行此操作：

＆＃13;

iframe

＆＃13;

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

＆＃13;

iframe没有显示正确的框架

2 个答案: