インラインフレームのページについての質問です。
どなたかお力をお貸し下さい。
(1)自分は今ななくに歯科という歯医者さんでの
ホームページ製作のアルバイトをしています。
今完成したのですが、
TOPページを下にスクロールして
歯の豆知識
など下のメニューをクリックすると
中途半端な位置でリンクされたものが表示されてしまいます。
できれば
リンクと同時にページを最上部まで持ってきたいのですが
タグがわかりません。
ご存知の方、
お力をお貸し下さい。
(2)またこのページにおいて
インラインフレームの中身によって
フレームのたての長さを調節することは可能でしょうか?
リンクしたページによって
ちょうどだったり、
スクロールしないといけなかったりで
大変なので
どなたかお力をおかしください 。
A 回答 (2件)
- 最新から表示
- 回答順に表示
No.1
- 回答日時:
リンクがインラインフレーム内をターゲットにしているので、ブラウザはちゃんとその表示を制御しています。
(フレームのトップから表示させている)ただし画面全体をスクロールしてインラインフレームの(表示上の)位置を移動したのはユーザーなので、ブラウザはそれを勝手に移動したりはしません。(もし移動すると、あまり気持ちの良いものではないと思います)
全体が新しいリンク先を表示することになれば、当然、ご希望のようにトップから表示されれでしょう。
さて、どうしてもリンクするたびにメイン画面(全体の画面)のトップに移動したければ・・
1)全体を再表示するような構成にする。
リンクした時にページ全体を読み込ませるようなページ構成にすれば、常にトップから表示されるでしょう。
2)リンクやフレームは現状のままで、表示を無理やりトップの状態にする。
通常のHTMLタグではできません。 javascriptなどのスクリプトを利用すれば可能です。
と方法はないでもありませんが、現在のままでもおかしくないのでは?
(2)
インラインフレームの内容がフレームのサイズを超える場合を想定して、スクロールバーが設定できるようになっています。
もしフレームを大きくしても、ブラウザの全体の表示画面からはみ出てしまえば、結局スクロールが必要になりますが・・・
こちらも、スクリプトを利用すればインラインフレームの大きさを変えることは可能ですが、ブラウザの表示画面サイズ(ユーザが自由に変えられる)とインラインフレームの大きさを調整しながら計算しなければならないので、結構面倒くさいものになるでしょう。
どうもありがとうございます。
自分はjava等の知識もまったくなく
htmlは毛がはえている程度なんで詳しくは
わかりませんが、
回答してくださった
1)全体を再表示するような構成にする。
リンクした時にページ全体を読み込ませるようなページ構成にすれば、常にトップから表示されるでしょう。
の方法を実行してみようかと思います。
ありがとうございました。
No.2
- 回答日時:
#1です。
別案を思いつきましたので、追加です。少し、全体の表示についての構成の考え方が変わってしまいますが、現在のインラインフレーム部とメイン部を入れ替えれば解決するように思われます。
つまり、現在インラインフレーム内に表示している部分をそれぞれサブページとして独立したものと考え、それにインラインフレームでトップ部分の紹介+メニューまでを入れるようにするというものです。
これによって、ご質問の両方とも解決できると思うのですが、いかがでしょうか?
この方法だた、ファイルの構成自体は変えることなく可能です。もちろん、各htmlファイル内の修正は必要になりますが・・・
(各ページにインラインフレームを追加、リンクのターゲットの修正など)
とりあえず、思いつきですが・・・
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- WordPress(ワードプレス) ワードプレスで、投稿一覧ページにタグを表示する方法 投稿につけたタグを、記事一覧ページにもカテゴリと 1 2023/05/10 21:41
- ドメイン・サーバー・クラウドサービス 自作サイトをサーバーにアップロードしたのですが… 2 2022/11/08 18:12
- PDF EXCEL ページを指定してPDF出力するVBAを教えてください。 2 2023/02/09 10:27
- Mac OS Macで今あるファイルの連番(ページ番号)に足し算をしてリネームしたい 1 2022/10/12 17:22
- Excel(エクセル) 【エクセルマクロ】既に開いているIEの、サイズや表示位置を変更するには 4 2022/12/01 22:57
- C言語・C++・C# プログラミングの問題です。至急教えてください。 /***から***/の部分をプログラミングにしてほし 1 2022/10/13 11:48
- WordPress(ワードプレス) ホームページの階層について 5 2022/11/21 14:48
- その他(OS) Mac OSの操作について 2 2022/06/08 09:19
- その他(ブラウザ) IE・edgeで日増しに観られるサイトが減ってくる。 1 2022/10/04 22:40
- PDF こんなPDF作れますか? 6 2022/05/13 11:14
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
WebサイトでHTMLのフォームに隠...
-
インラインフレーム内のマウス...
-
フレーム別に更新
-
CSSを使って画像をクリックする...
-
CSSによるFrameの代替方法
-
ブルダウンメニュー → インラ...
-
フレーム内のURLを表示させる方法
-
画面の一部だけ更新したいので...
-
フレーム分割しているページで...
-
pythonのエラーについての質問...
-
フレームで区切った時の隙間を...
-
2つのページを重ねたい
-
フレームの片方だけを更新(リロ...
-
フレームページが表示されない...
-
フレームページで表を表示させ...
-
フレームなしのページからフレ...
-
HTMの IFRAME タグの代わりにな...
-
ホームページでファイルをダウ...
-
<!DOCTYPE html>あってますか?...
-
<!DOCTYPE html>あってますか?...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
どのページもすべて同じURLなの...
-
フレーム内のPHPへPOSTで情報を...
-
pythonのエラーについての質問...
-
2つのページを重ねたい
-
フレームの片方だけを更新(リロ...
-
html 左メニューから右への表示...
-
URLを変えないで表示する方法
-
フレームページが表示されない...
-
スクロールできない
-
フレームで指定している送信先...
-
フレームが表示されない><
-
html リンクを別フレームに表...
-
ブラウザで4分割表示できますか?
-
直リンクとは。
-
frameの内容が表示されない
-
HTMLファイルの置き方による読...
-
CSSを使って画像をクリックする...
-
フレーム分割した全体をスクロ...
-
フレームの表示と非表示の切り替え
-
HPの一部に他のHPを表示
おすすめ情報