iframeの中から親ページをスムーズスクロール

質問

タイトルどおり、iframeの中から親ページをスムーズスクロールしたいと考えています。

ヘッダに
<script>
$(function() {
var topBtn = $('#toTop');
topBtn.click(function () {
parent.$('body,html').animate({
scrollTop: 0
}, 500);
return false;
});
});
</script>

親ページには高さ3000ピクセルのiframeを作って、そこに読み込んでいる子ページ最下部に
<div id="gotoTop"><a href="#top_page"><img src="_image/btn_top.jpg" alt="トップに戻る" /></a></div>
と記述しています。

この状態で親ページをスムーズスクロールさせることができません。

事情があって、親ページ側にはスクリプトやタグを追加することができません。
親も子もおなじドメインにあります。

["parent" $('body,html') animate]などのキーワードで検索した記事を参考に
parent.$('body,html').animate
を
window.parent.$("body").animate
や
$('html, body', window.parent.document).animate
に書き換えてみてもうまくいきませんでした。

どうかアドバイスをお願いいたします。

回答No.1

yuu_x · ベストアンサー

$( 'html,body', parent.document ).animate( { scrollTop: 0 }, 500 );

お礼

希望通りに動かせました。
ありがとうございます！