2013-03-25 3 views
1

У меня есть iframe внутри div. дело в том, что iframe имеет расширяющееся меню (расширяется вертикально) внутри него. поэтому высота iframe будет динамической, в зависимости от того, какой элемент будет расширен. когда я его расширю, он отключится и не покажется. ниже приведен код для div и iframe.iframe inside div cut off content

<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 будет расширяться в соответствии с расширенным меню, а также не отрезаны.

+0

можете добавить пример jsfiddle – btevfik

+0

здесь http://jsfiddle.net/T3yJU/. Я хочу сделать так, чтобы, когда пользователь расширяет меню, iframe и div расширяются вместе с ним. –

+0

Вместо iframe вы пробовали метод загрузки JQuery или метод post. Это может вам помочь. –

ответ

0

Ответ в вашем CSS,

вы можете написать эту

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

в то время как вы пишете OVERFLOW: HIDDEN; потребуется увеличение contenr в переливом и урежут, не будет показано.

Edit: для новой ссылки

См Старого разговора по тому же

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

что будет делать :)

+1

Я не хочу прокрутки в нем. вот почему я скрыл переполнение. –

+0

, пожалуйста, проверьте приближение по высоте и используйте 'height: ??? px', так как' height: 100% 'здесь не поможет. спасибо, – MarmiK

+0

Я хочу, чтобы i-кадр соответствовал размеру, так как у меня есть расширение меню внутри iframe. так что установка максимальной высоты в порядке, но при разложении меню это оставляет много места. –

0

this нормально плагин там делать то, что вы просили , но он работает только в том случае, если iframe src находится в вашем домене.

есть также article на трюках css, которые вы, возможно, захотите посмотреть.

+0

попробовал оба. не работает. :( –

+0

@ShazeryNasir нет ничего другого, что я мог бы найти об этом. Это не тривиальная вещь, чтобы решить. – btevfik

+0

@ShazeryNasir также взгляните на этот https://github.com/premasagar/appleofmyiframe – btevfik