2011-12-21 20 views
1

Fancyboxでiframeを読み込んでいます。 iframeの内部では、iframe内の実際のコンテンツの適切な高さを得るために、$('html').height();にjQueryをロードしています。 FFでコンテンツのiframeでFancyboxのサイズを自動的に変更する

  • 、これは私は、IFRAME(およびFancyBox)をリサイズすることを可能にすると思われる適切

  • クロム、この値は、コンテンツの実際の高さの短い20ピクセルに約5pxの報告されています。

  • IE 8では、(iframeの)後続のリフレッシュでも、開いているファンシーボックスウィンドウの初期高さが報告されます。

ユーザーがスクロールバーが表示されませんので、私はfancyboxシェルのサイズを変更することができるように、IFRAMEのコンテンツの高さを得るための良い方法はありますか?

答えて

0

バージョンFancyBoxの1.3を使用すると、その内容にiFrameを合わせて使用​​することができますサイズ変更方法があります:回想が提供している場合

$.fancybox.resize(); 

、これはiFrameの内容をリロードの側は、影響を与えています。 このような場合は、bodyタグの高さを使用して、fancyboxのサイズ変更を通知してください。

var height = $('body').height(); 
$('#fancybox-inner, #fancybox-wrap').height(height); 
+0

'$ .fancybox.resize()'は、お勧めのとおり、iFrameのコンテンツをリロードします。 '$( 'body')。height()'はiframeが高さを設定していることを考慮していないので、 'body'はその高さを保持します。 –

0

あなたは

$(document).height() 

を探している私は。$( 'htmlの')を使用してみました高さ()と私は奇妙な値を得ました。

+0

'$(document).height()'は少なくとも私にとっては '$( 'html')と同じ値を返します。 –

関連する問題