タイトルどおり、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
に書き換えてみてもうまくいきませんでした。
どうかアドバイスをお願いいたします。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript スマフォではボタンを表示させたくない 2 2023/01/20 14:26
- JavaScript jqueryを使ったスムーススクロールのコードを書いたのですが、HTMLコード内にある、a butt 2 2022/04/14 10:59
- JavaScript javascriptで変数を組み込みたい 2 2023/01/13 09:52
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/07 21:04
- HTML・CSS 下にスクロールしても、追従するボタンのコードを書いたのですが、ボタンの中の画像が半分しか表示されない 1 2022/04/16 21:31
- JavaScript html5に変えるとスライドショーが消えてしまった。 3 2022/03/26 19:53
- HTML・CSS スクロールすると追従する画像のコードを書いているのですが、追従する画像の大きさの調節が上手くいきませ 2 2022/04/18 12:52
- JavaScript 画像の表示位置 3 2022/12/23 08:25
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/30 09:10
- JavaScript ソースコードのいじる場所が分かりません。 1 2022/12/23 02:06
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
getElementsByNameで要素が取得...
-
function の return 値を表示し...
-
AjaxでDBから取得したデータを...
-
初心者javascript ウィンドウサ...
-
フォーカス移動抑止について
-
JavaScriptでiframeの内容を「...
-
自動ジャンプでフォームデータ...
-
SCRIPT5007: 未定義または NULL...
-
JavaScriptでのEnterキーとAlt+...
-
Javascriptの出力結果をhtmlボ...
-
IEの拡大・縮小機能をWebページ...
-
JavaScriptでのBMI計算について
-
htaでVBSのソースを書いたらエ...
-
<a href="#" …>の意味を教えて...
-
【SSI】include file、include ...
-
bodyにidをつける理由は何ですか?
-
Vbscriptで自分自身のウィンド...
-
ページ遷移をコントロールしたい
-
datepickerで日付の値を取得したい
-
(Javascript)印刷するファイル...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
getElementsByNameで要素が取得...
-
JavaScriptでiframeの内容を「...
-
キーを押している間の時間を計...
-
SCRIPT5007: 未定義または NULL...
-
JavaScript でキーを送る
-
フォーカス移動抑止について
-
リンク移動先のURLを取得
-
function の return 値を表示し...
-
初心者javascript ウィンドウサ...
-
ボタンのID名を取得するには?
-
フレームサイズの変更について
-
iframeの中から親ページをスム...
-
乱数を一定時間毎に表示させた...
-
ボタンを押してテキストエリア...
-
出荷予定日を表示するJavaスク...
-
ページ全体を検索して特定文字...
-
XMLHTTPRequestでstatusが0に
-
自動ジャンプでフォームデータ...
-
JavaScriptでの西暦下2桁での表...
-
idHOGEで取得したinnerText(数...
おすすめ情報