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で質問しましょう!
関連するカテゴリからQ&Aを探す
おすすめ情報
- ・漫画をレンタルでお得に読める!
- ・街中で見かけて「グッときた人」の思い出
- ・「一気に最後まで読んだ」本、教えて下さい!
- ・幼稚園時代「何組」でしたか?
- ・激凹みから立ち直る方法
- ・1つだけ過去を変えられるとしたら?
- ・【あるあるbot連動企画】あるあるbotに投稿したけど採用されなかったあるある募集
- ・【あるあるbot連動企画】フォロワー20万人のアカウントであなたのあるあるを披露してみませんか?
- ・映画のエンドロール観る派?観ない派?
- ・海外旅行から帰ってきたら、まず何を食べる?
- ・誕生日にもらった意外なもの
- ・天使と悪魔選手権
- ・ちょっと先の未来クイズ第2問
- ・【大喜利】【投稿~9/7】 ロボットの住む世界で流行ってる罰ゲームとは?
- ・推しミネラルウォーターはありますか?
- ・都道府県穴埋めゲーム
- ・この人頭いいなと思ったエピソード
- ・準・究極の選択
- ・ゆるやかでぃべーと タイムマシンを破壊すべきか。
- ・歩いた自慢大会
- ・許せない心理テスト
- ・字面がカッコいい英単語
- ・これ何て呼びますか Part2
- ・人生で一番思い出に残ってる靴
- ・ゆるやかでぃべーと すべての高校生はアルバイトをするべきだ。
- ・初めて自分の家と他人の家が違う、と意識した時
- ・単二電池
- ・チョコミントアイス
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
<a href="/">トップへ</a> こ...
-
画像をクリックしたら音楽が流...
-
HTML-lintでのエラーについて(...
-
インラインフレーム内のアンカ...
-
画面を開いたときに指定位置ま...
-
a:linkのスタイルのインライン指定
-
マップを使ってページをリンク...
-
form action="#"
-
Excelで、社外秘(閲覧のみ)と...
-
HTMLからフォルダを開きたい
-
googleドライブで、PDFファイル...
-
iPadの標準ブラウザでローカルH...
-
VBA URLDownloadToFileについて
-
インクルードはPHP?SSI?
-
htmlの謎
-
URLの頭にロゴマークをつける方法
-
VBAで#Regionに変わるものは無...
-
WebサイトでHTMLのフォームに隠...
-
HTMLページが勝手にダウンロー...
-
Excel VBA :URLの中で変数を使...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
form action="#"
-
<a href="/">トップへ</a> こ...
-
リンク先からリンク元の、同じ...
-
httpdで接続が拒否される
-
インラインフレームの中に表示...
-
ポップアップ画面にアンカーを...
-
Preタグ内URLからリンクは張れ...
-
ページ内の画像だけを一定時間...
-
インラインフレーム内のアンカ...
-
画像をクリックしたら音楽が流...
-
ページの途中にリンクするとそ...
-
safariでアンカーリンクが動作...
-
a:linkのスタイルのインライン指定
-
<a target="_top" href="***.ht...
-
インラインフレーム切り替え&...
-
画面を開いたときに指定位置ま...
-
同じHTMLなのに色が違う原因は?
-
googleサーチコンソールで、重...
-
ページ内リンクで<a href="#任...
-
インラインフレーム内でリンク移動
おすすめ情報