• 締切済み

リンクとアンカーポイントの同時リンク

　当方web制作初心者です。 　ページの最上部に、インラインフレームで別ファイルを表示させているページを作っています。 そのページの最下部でインラインフレーム内で表示するリンクはっているのですが、インラインフレーム内では、ちゃんとリンクしたページにジャンプしているのですが、リンクを貼ったところがページの最下部なので、自分でページの上部に移動しなければなりません。 　以前にも同じような質問があったので試してみましたがページの上部に移動しません。試した方法は 「<a href="00.html#top">」のようにリンクするページの後ろにアンカーポイントをくっつけました。IE6(xp)ではうまく動作したのですが、IE7(vista)だと全く反応しません。 　私のやり方がおかしいのか、もしくは他にもっといい解決策があるのかご教授ください。お願いします。

  • HTML
  • 回答数1
  • ありがとう数1

みんなの回答

  • suzuko
  • ベストアンサー率38% (1112/2922)
回答No.1

それぞれのページのBodyの最初に「name="top"」「id="top"」をアンカーポイントとして入れてください。 うまくいくかも・・・（最近インラインフレームを使わないので・・・・未検証です）^^;

keiyubio
質問者

お礼

ページの頭にアンカーポイントは入れてるんですよねぇ。ゆっくりダブルクリックすると動いたり、Iフレームの中はスクロールしないようにしているのにスクロールバーが出てきたり・・・。動作が不安定でお手上げですTT ありがとうございました。

  1. カテゴリ
  2. [技術者向] コンピューター
  3. プログラミング・開発
  4. HTML

関連するQ&A

  • 「インラインフレームにリンク」と「ページトップへのリンク」の2つのリンク要素をもたしたいのですが…

    ページの上部に、インラインフレームでバックナンバーを表示させているページを作っています。そのページをずっとスクロールした下の方で、そのバックナンバーをインラインフレーム内で表示するリンクをはったのですが…問題が。。 インラインフレーム内はちゃんと、リンクしたページにジャンプしているのですが、リンクを張ったところがページの下の方なので、自分でページの上部に移動しなくてはかわったかどうか気づけないんです。。 インラインフレームへのターゲット指定でのリンクとページトップへの移動、、この二つを一緒にできないでしょうか？

  • ページ内アンカーに移動しない：

    ページ内アンカーに移動しない： あるページ"A"に <div id = "TOP"></div>と設定し ページ"B"に <a href="test.html#TOP">test<a> と設定しました。 動作確認をした結果、Firefox・クロムと正常に動くのですが IEが全バージョンで、該当ページに飛ぶのですが、アンカーに 移動しません。 ローカルにてテストをした結果、IEで通常に移動します。 調べた所、 javascript等が使用されているとリンク先ジャンプ後にセキュリティの確認 が有るため、アンカーリンクが消されると書いてあったので javascript部分を全て削除し、動作確認をしたのですが やはりアンカーに飛んでくれません。 どなたか、ご教示ください。

  • 【CSSハック】アンカーポイントの位置をずらしたいのです

    WIN IEのみで失敗してしまうCSS問題についてご質問させてください！ 『ページ内アンカーリンクのポイントをブラウザ画面トップから100pxほど下にずらしたポイントに表示したい』 というのも、ブラウザ画面トップにposition:fixed;のオブジェクトを配置しているため、 アンカーリンクでページ内ジャンプした際に先頭部分が上記オブジェクトの後ろに隠れてしまうのです。 <a name="XXXXX" id="anchor"><img src="XXXXXXX"/></a> このタグに対してのCSSは #anchor{ position:relative; top:-100px; left:0; } このコマンドで Mac環境（safari / Firefox） Win環境（Firefox） では成功したのですが、IE6 / IE7では認識せず、スクロールバーがなぜか２本重なるバグ？が表示されるのです。 このような現象の原因と対策がございましたらお教えいただきたいです。 どうぞよろしくお願いします！ （横２つ割のインラインフレームは可能なら使いたくないのですが、他に方法がなかったら仕方ないのでしょうか。。）

    • 締切済み
    • CSS
  • 一つのリンク（ボタン）での2つのリンク要素をもたす

    インラインフレームにリンク表示とページトップにあるインラインフレームへの リンクの2つのリンク要素をもたしたいのですが… 今、<a href="http://store.apple.com/jp" target="00iframe">として 00iframeにはApple Storeが反映されているんですが、 00iframeがページの上部で リンクテキストがページの下の方にあるので、 できれば＜a href="http://store.apple.com/jp" target="00iframe">この動きと、 < a href="#top">が一緒にできる方法はないでしょうか・・・ よろしくお願い致します。

  • リンク先アンカーの表示位置を下げたい

    宜しくお願いいたします。 FAQページを作成中で、ページ最上部に質問だけずらり並んでいて、クリックするとリンク先（ページ下部にある回答）に埋め込んだアンカーに飛びます。 しかしCSSで .header { height:180px; } .main_content { top:180px; } となっているので、飛んだ先の回答がブラウザ最上部、この180pxの部分に表示されて他の要素の裏に隠れてしまいます。リンク先のアンカーを180px下げて表示させるような方法はあるのでしょうか。 質問がわかりにくかったらスミマセン。

    • ベストアンサー
    • HTML
  • ページ内リンク　アンカー

    ページ内リンクの記述について教えてください。 <A href="#top">このページの先頭へ</A>ですが <A name="top"></A>をHTML中に記述するとページ最上部の余白がなくなります。 記述しないと最上部の余白があり正常表示されます。 <A name="top"></A>を記述しなくてもよいのでしょうか。 該当ページhttp://www.geocities.jp/sinsaku102578/01/fujikawa.html よろしくお願いします。

  • 別ページのインラインフレームのアンカーに移動させる方法

    はじめまして、勉強になります。色々調べてやってみたのですがどうしてもうまく動作してくれません。 やりたい内容は、あるページから同一ドメイン内のあるページに飛ばした時にアンカー情報（#～）付きで渡して、渡したページ先のインラインフレーム内のアンカーに移動させたいのです。 下のソースでstr変数がうまく渡っていないのか、受け取り側のスクリプトがまずいのかが分かりません。（ちなみに途中で変数をモニターする方法があるのでしょうか？） 一応次のページのURLバーには?以降のアンカー情報付きで表示されてはいるのですが、その?以降のアンカー情報がインラインフレームのURLに渡っていないような状態です。 以下省略ソースです。 【送信元】 <SCRIPT Language="JavaScript"> <!-- html1 = "飛ばす先.htm"; function watasu(str){ location.href = html1 + "?"+ str; } //--> </SCRIPT> </head> <body ～ <img src="画像.jpg" onClick="watasu('#2')"> 【受信側　親ページ】 <script language="JavaScript" type="text/javascript"> <!-- url1 = "liveevent_test.htm"; function jump2(){ url2 = "読み込むインラインフレーム.html"; str = location.search.substr(1,location.search.length-1); top.インラインフレーム名.location.href = url2+str; //top.インラインフレーム名.location.hash = #アンカー; <--ちなみにこの一行を上の一行と差し替えたら動きました。ですがここは前ページからの変数渡しにしたいのです。 } // --> </SCRIPT> <body ～ onLoad="jump2()">～ <IFRAME SRC="読み込むページ.html" name="インラインフレーム名" >～</IFRAME> どなたかヒントでもいいのでお力添えください…もしかして根本的なやり方がまずいのでしょうか。 よろしくお願いいたします。

  • インラインフレーム内のアンカーに飛ばせますか？

    a.html上にname="ai"としてiflameを置き、そこにb.htmlを表示させています。 このb.htmlにはアンカーをいくつかつけており a.html上にあるリンクをクリックすると インラインフレーム内のb.htmlの任意のアンカーポイントへ移動するということをしたいのですが 可能なのでしょうか？ 現在このような書き方なのですが まったく動きません…。 <a href="b.html#b-1" target="ai"><img src="image.gif" width="100" height="16"></a> 教えてください。

    • ベストアンサー
    • HTML
  • 別ページからのアンカーリンクについて

    現在、下記jqueryを使用して横スクロールサイトを制作中です。 http://tympanus.net/codrops/2010/06/02/smooth-vertical-or-horizontal-page-scrolling-with-jquery/ 上記サイトを参考に 設置し問題なく動作しているのですが、 アンカーリンクを使用して 別ページから、各コンテンツにジャンプさせたいと思っています。 設置しているナビゲーションメニューからだと スムーズにスクロールし、正常に動作（コンテンツが一番左の位置でストップ）するのですが、 別ページから　○○.html#アンカーリンク名　というふうに リンクを張ると、表示位置が一番左の位置ではなく スクロールの途中でずれて止まってしまいます。 CSSも含め色々といじってはみたのですが まったく原因がつかめず苦戦しております。。 以下のスクリプトでは、ナビゲーションのリンクをクリックすると 動作するようにしていますが、 アンカーリンク名が○○の場合は、○○に表示させる といった命令のようなことはできるのでしょうか？ 知識不足で申し訳御座いませんが お分かりの方がおられましたら宜しくお願いいたします。 $(function() { $('ul.nav a').bind('click',function(event){ var $anchor = $(this); /* if you want to use one of the easing effects: $('html, body').stop().animate({ scrollLeft: $($anchor.attr('href')).offset().left }, 1500,'easeInOutExpo'); */ $('html, body').stop().animate({ scrollLeft: $($anchor.attr('href')).offset().left }, 1000); }); });

  • インラインフレーム内でリンク移動

    親ページ内のインラインフレームに表示したページで、リンク移動をしたいと考えています。 親ページはインラインフレームのみ ※楽●のカテゴリーページのため親ページにJavascriptなどはつけることができません。 インラインフレーム内の表示ページで、 例えば<a href="#sale">セール</a>とリンクを付け、そのインラインフレーム内のページの(id=sale)セールの項目へ移動させたいと考えています。 当初jQueryページ内移動、　 http://web-park.org/javascript/scroll100126.html 上記サイトのコードを使用して試しましたが、インラインフレーム内ではだめでした。 何か上記のサイトのコードを変えればうまくいきそうな気もしましたが初心者なのでだめでした。 jQueryは使わず最も一般的な<a href="#sale">セール</a>⇒id=saleに変えましたが、こちらもインラインフレームではうまくいきません。 なんとかインラインフレーム内に表示するページのコードでリンク移動ができないものでしょうか？ ご存知の方ぜひご教授お願いいたします。

    • ベストアンサー
    • HTML

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

あなたにピッタリな商品が見つかる！ OKWAVEセレクト

質問する