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
に書き換えてみてもうまくいきませんでした。
どうかアドバイスをお願いいたします。
補足
> askaaskaさん 回答ありがとうございます。 1秒間隔でsrc監視してみたのですが、 iframe内のページが遷移後も、最初に設定したsrcしか取得できないんですよね。。。 何でですかねー :(