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

このプラグインは、あなたが要求したことを実行するために存在しますが、iframe src がドメイン内にある場合にのみ機能します。

あなたが見たいかもしれないcssのトリックに関する記事もあります.

于 2013-03-25T05:54:02.623 に答える
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 に答える