![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?5a7ff87)
仕事でHTMLを製作しております。
環境はウインドウズXPSP2です。
HTMLの構造は
親ページ、A.htmlに、
子ページ、B.htmlが
<iframe name=001 src="B.html" frameborder=0 width=200 scrolling=auto height=1000></iframe>
に表示されているというものです。
A.htmlに項目がずらっと並んでいて、
それにリンクが張ってあり、それらをクリックすると
表示されているB.htmlの指定箇所を表示するというものです。
現在、A.htmlのリンクは、
<a href="B.html#01">1</a>
<a href="B.html#02">2</a>
<a href="B.html#03">3</a>となっており、
B.htmlには、
<a name="01"></a>
<a name="02"></a>
<a name="03"></a>
となる、アンカーリンクが張ってあります。
これで、動きは完動するのですが、
<iframe name=001 src="B.html" frameborder=0 width=200 scrolling=auto height=1000></iframe>
とあるように、表示されている縦が1000と、デザイン上すごく長くて、ふつうのPCでは表示し切れていません。現状この状況でアンカーリンクをクリックすると、通常動作と同時に親ページ、A.htmlの表示がページの一番下にスクロールしてしまいます。
A.htmlにある項目がデザイン上、上方にあるので、
他の項目を見るたびにA.htmlを上までスクロールしなければいけないのです。
アンカータグであるという原因はわかっているのですが、対処の仕方に悩んでいます。
わかりずらい状況かもしれませんが、
ご教授よろしくお願い致します。
![](http://oshiete.xgoo.jp/images/v2/common/profile/M/noimageicon_setting_03.png?5a7ff87)
No.1ベストアンサー
- 回答日時:
<a href="B.html#01">1</a>は<a href="B.html#01" target="001">1</a>にしてますよね?
>通常動作と同時に親ページ、A.htmlの表示がページの一番下にスクロールしてしまいます。
が良くわからないのですが、テストしてみた所"A.htmlの表示がページの一番下にスクロール"にはなりませんでした。A.htmlのソースを乗せた方が回答しやすいかもしれないです。
ご回答ありがとうございます。
わかりずらい質問でした。申し訳ございません。
数日経過して、若干状況が変わりましたので、
もう少し整理して、別の質問として質問させていただきます。
今回はありがとうございました。
No.2
- 回答日時:
iframeを使う必要があるのでしょうか。
「height=1000」というのは、フレーム内にスクロールバーが出ないことを意図しているのではないかと思いますが、それでは普通のページと同じです。
下のほうにリンク先があれば、ページはスクロールします。(リンク先を表示領域の一番上に表示しようとするため)
対処法は、iframeの高さを小さくする。
もしくは、インラインフレームではなく、メニューと内容で二分割したフレームにしてはいかがですか。
ご回答ありがとうございました。
「height=1000」という設定について、フレーム内にスクロールバーが出ないことを意図しているのではなく、膨大な選択肢があるためということがあります。数値についても納品先で使用される画面の解像度が1600*1200ということも考慮して、デザイナーが製作しておりました。故にiframeの高さを小さくすることもできないし、このフレームでの実現性をご質問させていただいたという事なのです。
数日経過して、若干状況が変わりましたので、
もう少し整理して、別の質問として質問させていただきます。
今回はありがとうございました。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript jqueryを使ったスムーススクロールのコードを書いたのですが、HTMLコード内にある、a butt 2 2022/04/14 10:59
- HTML・CSS ボタンをクリックした時に、入力フォームのすぐ下部に、「入力欄が空白です」というテキストメッセージが表 1 2022/04/27 16:25
- JavaScript 入力フォームの javascript で メールアドレスの正規チェックをを行い、ボタンをクリックして 2 2022/04/27 16:06
- HTML・CSS 自身のHPにYouTube動画を貼り付けるのが出来なくなり困ってます 1 2022/11/11 10:44
- HTML・CSS スクロールすると追従する画像のコードを書いているのですが、追従する画像の大きさの調節が上手くいきませ 2 2022/04/18 12:52
- JavaScript ①入力フォーム→②確認表示画面→③送信完了画面のコードを書いているのです、 入力フォームから受け取っ 2 2022/05/10 16:45
- HTML・CSS 下にスクロールしても、追従するボタンのコードを書いたのですが、ボタンの中の画像が半分しか表示されない 1 2022/04/16 21:31
- HTML・CSS flex の各子要素を横幅 100% にしたい 1 2022/09/22 21:25
- JavaScript スマフォではボタンを表示させたくない 2 2023/01/20 14:26
- HTML・CSS FC2カートのテンプレートでの商品表示について 1 2023/03/02 18:05
関連するカテゴリからQ&Aを探す
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
a:linkのスタイルのインライン指定
-
form action="#"
-
リンク先からリンク元の、同じ...
-
ページ内リンクで<a href="#任...
-
<a href="/">トップへ</a> こ...
-
<a target="_top" href="***.ht...
-
Preタグ内URLからリンクは張れ...
-
ページ内の画像だけを一定時間...
-
iframe内から親ページに文字列追加
-
うまくリンク先に飛ばないです…
-
クッションページ?というのは...
-
httpdで接続が拒否される
-
秀丸の正規表現置換でこの文字...
-
ページ内アンカーに移動しない:
-
リンクの文字とリンクの文字を...
-
表示範囲の狭い時のアンカータ...
-
リンクについて教えてください...
-
画面を開いたときに指定位置ま...
-
Excelで、社外秘(閲覧のみ)と...
-
HTMLからフォルダを開きたい
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
form action="#"
-
リンク先からリンク元の、同じ...
-
<a href="/">トップへ</a> こ...
-
ページ内の画像だけを一定時間...
-
インラインフレーム内のアンカ...
-
ページの途中にリンクするとそ...
-
httpdで接続が拒否される
-
インラインフレームの中に表示...
-
画面を開いたときに指定位置ま...
-
googleサーチコンソールで、重...
-
WEBページのヘッダーフッターを...
-
リンクの文字とリンクの文字を...
-
掲示板のレスへの リンクの貼り方
-
a:linkのスタイルのインライン指定
-
iframe内の特定の場所にジャン...
-
Excel VBAを使ってHTML生成をし...
-
<a target="_top" href="***.ht...
-
Preタグ内URLからリンクは張れ...
-
ブラウザ依存?<a name="#xxx" ...
-
ポップアップ画面にアンカーを...
おすすめ情報