iframeを使ったページで、読み込んだページへのページ内リンクを
親ページから飛ばしたいのですが
InterExprolerでしかリンクが効きません。
もともと無理な事なのかもしれませんが、InternetExprolerならなぜか効きますし、Firefoxや他のブラウザでも対応できる方法はないでしょうか?
ページの構成上、どうしてもiframeで読み込む方法しかありません。
下記URLの用な感じの状態です、方法を御存知の方、ご教授頂けると助かります。
▼親ページ
http://ausdruck.flier.jp/test/iframe.html
▼読み込みページ
http://ausdruck.flier.jp/test/include.html
No.4ベストアンサー
- 回答日時:
今の状態では、Firefoxの動きが正解で、
他がおかしいんだけれど。
iframeの高さが1800pxで
中のincludeの長さが1800pxだから、
余裕が無いので上がって来られない。
これだと、スクロールすればいいだけで
iframeにする意味が無いんじゃない。
iframeの高さを小さくするか、
includeの長さを倍位にすれば動作する。
IEでクリックすると、
1,2,3まではwindowのtopへ来るけれども、
4は途中までしか上がらないので分かるはず。
iframe等のアンカーにジャンプすると、
アンカーがiframeごとwindowのtopへ来るのは
ブラウザの仕様ということらしい。
其の位置のままでiframeのtopに
アンカーが来るようにするには、
iframe内をスクロールさせれば良い。
No.3
- 回答日時:
>InterExprolerでしかリンクが効きません。
IE9 を使っていますが、リンクは無効です。リンクが使えたというのは古いIEのバグと思います。
がんばるな日本!さんのように、フレームに名前をつけて、リンク側はターゲット指定すればいいと思います。
No.2
- 回答日時:
え~っと、とりあえずですね…
━ ココから ━━━━━━━━━━━━━━━━━━━━━━━━
<h1>親ページ</h1>
<ul>
<li><a href="./include.html#test1" target="main">ページ内リンク1</a></li>
<li><a href="./include.html#test2" target="main">ページ内リンク2</a></li>
<li><a href="./include.html#test3" target="main">ページ内リンク3</a></li>
<li><a href="./include.html#test4" target="main">ページ内リンク4</a></li>
</ul>
<div>
<iframe frameborder="0" src="./include.html" width="550" height="300" name="main"></iframe>
</div>
━ ココまで ━━━━━━━━━━━━━━━━━━━━━━━━
~上記の様な感じに親ページのHTMLを書き直せば、何となくそんな感じに動作するかな?
もっとより滑らかな動作を期待するんだったら、HTMLだけだとちょっと無理かも…。JavaScriptで何とかするしかないと思うけど、具体的にどんなページを作りたいのかは自分には分らないので。ここから先は自己責任というか、自力でお願いします!
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- Excel(エクセル) ExcelのVBAでWordを読み取り専用で開いて、見たいページに自動で移動する方法を教えて頂きたい 4 2022/07/27 10:39
- ホームページ作成・プログラミング ログインしないとみることができないWebページの作成方法 3 2023/07/29 13:33
- JavaScript スマホ上で、左右スワイプで次のページに移動させたいです 2 2022/11/11 17:04
- Chrome(クローム) 最近のGoogle Chromeのデータ読み込みの遅延やエラーって頻発しますか? 2 2023/01/06 22:12
- PDF PDFの出力時のファイル名を消したい 3 2022/09/05 01:16
- WordPress(ワードプレス) ワードプレスで、投稿一覧ページにタグを表示する方法 投稿につけたタグを、記事一覧ページにもカテゴリと 1 2023/05/10 21:41
- SEO WP内の検索で403エラーが出される問題について 1 2022/11/26 08:46
- JavaScript JavaScript|特定URLだった時、特定の要素を変更するコードの書き方を教えてほしいです 2 2023/08/25 21:43
- その他(パソコン・スマホ・電化製品) ノートに貼られた書類のスキャン方法に関する質問 家族の書類をデータ化して整理しています。 その際にS 3 2023/04/07 13:49
- 中学校受験 中学受験の問題です。解き方を教えて下さい。 ある本を1日目に全体の半分より3ページ少なく読み、2日目 4 2022/12/28 20:16
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
リンク先からリンク元の、同じ...
-
ページ内の画像だけを一定時間...
-
<a href="/">トップへ</a> こ...
-
iframe内の特定の場所にジャン...
-
ポップアップ画面にアンカーを...
-
ホームページ内の他のページに...
-
iframeで読み込んだページへの...
-
HTMLリンクからPDFのしおりへリ...
-
HTMLからフォルダを開きたい
-
Excelで、社外秘(閲覧のみ)と...
-
googleドライブで、PDFファイル...
-
【HTML】1クリックで複数ファイ...
-
Webサイトから、txtファイルを...
-
HTMLページが勝手にダウンロー...
-
htmlの中にexcelが埋め込むには...
-
generatorとは?
-
医療画像(Windows用)をMacで...
-
テキストエディタ grepの機能...
-
インラインフレーム+ランダム表示
-
FRAMEで、間にスペースが…。
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
form action="#"
-
リンク先からリンク元の、同じ...
-
<a href="/">トップへ</a> こ...
-
httpdで接続が拒否される
-
<a target="_top" href="***.ht...
-
Preタグ内URLからリンクは張れ...
-
ページの途中にリンクするとそ...
-
インラインフレームの中に表示...
-
リンクの文字とリンクの文字を...
-
a:linkのスタイルのインライン指定
-
iframe内の特定の場所にジャン...
-
画像をクリックしたら音楽が流...
-
画面を開いたときに指定位置ま...
-
googleサーチコンソールで、重...
-
ラベルに飛ばない
-
HTMLで別のフォルダのファイル...
-
カーソルを合わせたら効果音を...
-
HTMLの中に他のHTMLを表示する方法
-
インラインフレーム内のアンカ...
-
掲示板のレスへの リンクの貼り方
おすすめ情報