0

これは説明するのが少し奇妙かもしれませんが、次のようになります。

tumblr ブログを Web サイトに埋め込んで、自分のスケジュールを更新できるようにし、実際のページ自体を使用したいと考えています。最初は問題なく iframe を使用していましたが、問題はカスタム スクロールバー (http://baijs.nl/tinyscrollbar/) を使用していることです。

iframe は、埋め込まれた Web サイトをスクロールする独自の通常のスクロールバーをポップアップ表示します。カスタム スクロールバーは、iframe 自体を少し上下に移動するだけで、内部のコンテンツは移動しません。(同じことが object/embed タグにも当てはまるようです)

私たちがやりたいことで動作するより良い方法はありますか、またはこのすべてを機能させるために私が認識していないスクリプトがありますか? 問題のウェブページはこちら - http://www.brettloudermilk.com/temp/schedule.html

コードの一部を投稿しますが、ここで何が役立つかはわかりません...

4

1 に答える 1

0

iframe ページと Web サイトは同じドメインにありますか? その場合、iframe ドキュメントを取得して現在の高さを取得し、それに応じて iframe の高さを設定できます。その後、スクロールバーを更新する必要があります。

var $scroller = $( "#youscrollbarid" ).tinyscrollbar();

$('#youriframesid').load(function() {
    this.style.height = this.contentWindow.document.body.offsetHeight + 'px';
    $scroller.tinyscrollbar_update();
});
于 2012-09-05T08:37:23.710 に答える