iframe裏面div切斷內容

我有一個div內的iframe。事情是，iframe中有一個擴展菜單（垂直擴展）。因此，iframe的高度將是動態的，具體取決於展開的項目。當我展開它時，它會切斷而不顯示。下面是div和iframe的代碼。iframe裏面div切斷內容

<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會根據擴展菜單進行擴展，並且不會被切斷。

來源

2013-03-25 Shazery Nasir

你可以在這裏添加一個jsfiddle例子 – btevfik 2013-03-25 05:09:31

http://jsfiddle.net/T3yJU/。我想這樣做，當用戶擴展菜單時，iframe和div會隨之擴展。 – 2013-03-25 05:14:17

而不是iframe你嘗試過JQuery的load（）方法或post方法。這可能會幫助你。 – 2013-03-25 05:09:46

答案就在你的CSS，

，而你寫OVERFLOW: HIDDEN;它會溢出的contenr增加，會降低，不會顯示你可能會寫這

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

。

編輯：新鏈接

參考過去的對話爲同一

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

，會做:)

來源

2013-03-25 05:26:18 MarmiK

我不想要滾動條。這就是爲什麼我隱藏溢出。 – 2013-03-25 05:27:59

然後請驗證高度近似值並使用'height：??? px'作爲'height：100％'在這裏沒有幫助。謝謝， – MarmiK 2013-03-25 06:40:08

我希望我的框架遵循大小，因爲我已經擴大了內部框架的菜單。所以，設置最大高度是可以的，但如果菜單摺疊，會留下很多空間。 – 2013-03-25 06:49:19

OK this插件是在那裏做你要求什麼，但只有iframe src在您的域中才有效。

還有一個關於css技巧的article，你可能想看看。

來源

2013-03-25 05:54:02 btevfik

都嘗試過。沒有工作。 :( – 2013-03-25 06:10:33

@ShazeryNasir沒有什麼其他我可以找到關於這個。這不是一個小事要解決。 – btevfik 2013-03-25 06:11:36

@ShazeryNasir也看看這個https://github.com/premasagar/appleofmyiframe – btevfik 2013-03-25 06:15:27

iframe裏面div切斷內容

回答

相關問題