1

私は、さまざまなタイプのオブジェクトが動的に読み込まれるさまざまなフラグメントで Web ページが構成されているプロジェクトに取り組んでいます。たとえば、ある時点でページに 2 つのフラグメントがあり、1 つはビデオを表示し、もう 1 つはテキストを表示し、別の時点では同じページに 2 つのテキスト ブロックが表示される場合があります。コンテンツの変更は、それを表示するユーザーに依存するため、同じフラグメント (オブジェクト タグまたは iframe によって定義される) にビデオ (mp4、avi など) またはテキスト (pdf、docx、txt など) が含まれる可能性があります。画像など

私が抱えている問題は、コンテンツのサイズ (特に長さ) に関連しています。object タグと iframe タグの両方が境界ボックスで区切られており、コンテンツの長さに応じてサイズを変更する必要があります。コンテンツが 30 ページの PDF である場合、30 ページすべてを Web ページにレンダリングする必要があります。ユーザーに PDF のコンテンツを表示するために下にスクロールさせることはできません。可能な限りシームレスに Web ページの一部にする必要があります。

ここで見つかった答えは、可能な解決策を提供しているようです。JQuery はわかりませんが、学習できます。ただし、これらの例で使用されているコンテンツは常に Web ページであることに気付きました。私の場合、iframe のコンテンツにはさまざまな種類があり、JQuery を使用して Web ページ以外のサイズを判断できるかどうかを知りたいです。できない場合、誰か私の問題の解決策を提案してもらえますか? ありがとう。

4

1 に答える 1

1

iframeの高さを動的に設定するには、jqueryまたはjavascriptを使用する必要があります。

これらは機能するはずです

// For other good browsers.
$('iframe').load(function() {
  this.style.height =
  this.contentWindow.document.body.offsetHeight + 'px';
});

// Safari and Opera need a kick-start.
for (var i = 0, j = iFrames.length; i < j; i++) {
  var iSource = iFrames[i].src;
  iFrames[i].src = '';
  iFrames[i].src = iSource;
}

このコードを説明する記事全体がここにあります

于 2012-11-20T21:47:13.850 に答える