div中的iframe切断了内容

Question

我在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将根据扩展菜单进行扩展，也不会被切断。

Answer 1

答案在你的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

将会：）

Answer 2

ok this插件可用于执行您所请求的操作，但仅当iframe src位于您的域中时才有效。

你可能还想看一下article css技巧。