![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?8acaa2e)
仕事で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?8acaa2e)
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ランキング
-
form action="#"
-
<a href="/">トップへ</a> こ...
-
Preタグ内URLからリンクは張れ...
-
リンク先からリンク元の、同じ...
-
httpdで接続が拒否される
-
ページの途中にリンクするとそ...
-
ページ内リンクで<a href="#任...
-
「iframe内ページ」の「ページ...
-
a:linkのスタイルのインライン指定
-
iframe内から親ページに文字列追加
-
マウスポインタが乗った時、リ...
-
dreamweaverCS4で、絶対パスで...
-
文字の下に下線を引いて
-
HTMLからフォルダを開きたい
-
Excelで、社外秘(閲覧のみ)と...
-
社内で利用するWebサイトを立ち...
-
一つのリンクに複数のURLを指定
-
Webサイトから、txtファイルを...
-
HTMLで別PCのフォルダを開く
-
iPadの標準ブラウザでローカルH...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
form action="#"
-
リンク先からリンク元の、同じ...
-
<a href="/">トップへ</a> こ...
-
ページの途中にリンクするとそ...
-
<a target="_top" href="***.ht...
-
httpdで接続が拒否される
-
WEBページのヘッダーフッターを...
-
画像をクリックしたら音楽が流...
-
a:linkのスタイルのインライン指定
-
iframe内の特定の場所にジャン...
-
Preタグ内URLからリンクは張れ...
-
ブラウザ依存?<a name="#xxx" ...
-
インラインフレーム内のアンカ...
-
ページ内の画像だけを一定時間...
-
googleサーチコンソールで、重...
-
インラインフレームの中に表示...
-
画面を開いたときに指定位置ま...
-
リンクの文字とリンクの文字を...
-
インラインフレーム切り替え&...
-
dreamweaverCS4で、絶対パスで...
おすすめ情報