1

我在 div 中有一个 iframe。问题是，iframe 里面有一个扩展菜单（垂直扩展）。因此，iframe 的高度将是动态的，具体取决于展开的项目。当我展开它时，它会被切断而不显示。下面是 div 和 iframe 的代码。

 <div class="camera">
<iframe name="ifra" id="ifra"  title ="iframe" src="pages/whitef.html" frameBorder=0 scrolling="no"></iframe>
</div>

这是这两个项目的 css。

iframe#ifra{
position: relative;
width: 810px;
min-height: 750px;
height:100%;
margin-top: -40px;
z-index: 1;
border:none;
overflow:hidden;
}
.camera {
height: 100%;
}

我想要实现的是 iframe 将根据扩展菜单进行扩展，并且不会被切断。

4

2 回答 2

0

答案在你的 CSS 中，

你可以写这个

overflow-y:scroll; //that will create a scroll in the iframe the content will not be hidden,

当你写OVERFLOW: HIDDEN;它时，它会增加溢出并减少，不会显示。

编辑：对于新链接

参考旧对话

http://stackoverflow.com/questions/934323/control-iframe-height-with-jquery

那会做的:)

于 2013-03-25T05:26:18.077 回答
0

好的，这个插件可以满足您的要求，但它仅在 iframe src 在您的域中时才有效。

还有一篇关于 CSS 技巧的文章，您可能想看看。

于 2013-03-25T05:54:02.623 回答