javascript - jqueryを使用してiframeをスクロールするにはどうすればよいですか?

Question

ページに製品の詳細を表示する iframe を生成するシャドーボックスを使用しています。詳細ページはかなり長くなる可能性があるため、クライアントはページを下にスクロールする「詳細」ボタンが必要です (明らかに、iframe の右側のスクロールバーでは十分ではありません)。

iframe をスクロールするために試したコードは次のとおりです。

$(document).ready(function()
{
$(".moreButton img").click(function() {
    scrollbottom();
});
});

function scrollbottom() {
var x = 250; // this number is a temporary placeholder
var t = 500;
$("iframe").animate({ scrollTop: x }, t);
}

iframe の代わりに body を使用してみましたが、役に立ちませんでした。何か案は？ありがとう！

Answer 1

このように：（テスト済み）

$("iframe").contents().children().animate({ scrollTop: x }, t);

Answer 2

次のように、親 JavaScript で関数を作成します。

function scrollToPoint(top) {
    $("html, body").animate({ scrollTop: top }, "slow")
}

次のように iframe 内でその関数を呼び出します。

window.parent.scrollToPoint(top);

Chrome で動作するはずですが、Firefox ではまだテストされていません

Answer 3

これはうまくいきました：

$('html,body').animate({ scrollTop: x }, t);