• ベストアンサー

フレームとスクロール

frameset により、フレームを左右に分割し、左にメニュー、右にコンテンツを表示しました。 メニューフレームに <a href="・・・・.html#a" target="content">A として、コンテンツフレームに <a name="a"> を設定すると、メニューフレームの「A」をクリックすると、コンテンツのフレームは 「A」のところまでスクロールします。 これを、少し変化させて、 「A」をクリックすると、右スクロールバーを一回クリックしたのと同様に、下に隠れていた 続きの部分が上に移動して表示されるようにしたいのですが、・・・。 HTLMで、こういった処理が可能でしょうか。可能でしたら、教えていただきたいのですが。 不可能でしたら、あきらめます。よろしくお願いします。

noname#18526
noname#18526
  • HTML
  • 回答数3
  • ありがとう数0

質問者が選んだベストアンサー

  • ベストアンサー
  • BLUEPIXY
  • ベストアンサー率50% (3003/5914)
回答No.3

>警告文 セキュリティの設定は、各クライアント毎様々ですのででる場合とでない場合があると思います。 >550 は、私のデスクトップPCスクリーンでは最適な分量ですが、他のパソコンでも大差ないでしょうか。 開いているウィンドウのサイズにもよるし、表示させる文字などの表示サイズをクライアントで変更している場合もあるし、それがいつも最適とは必ずしも言えません。 誰にとっても最適という値はかなり難しいことです。 例えば、アクセス解析などして どれくらいの画面サイズで観ている人が一番多いのか調べて、 そういう平均層とその周辺で概ねガマンできるぐらいの範囲に収まるくらいの値にするのがいいのかもしれません。 あと、最悪の場合でも、観ることができるということを考えておくといいと思います。 例えば、ある人にとっては、「550」では画面が行き過ぎてしまうが、戻ろうと思ってもスクロールバーも表示されていないとかちょっと戻るということもできないとかいう状況が生じるのであれば、最悪です。 そういう最悪の事態が生じないことと、もし生じてもなんとかなるような補助的手段があるようにしておくことが大事だと思います。

その他の回答 (2)

  • had4149
  • ベストアンサー率18% (9/48)
回答No.2

移動場所に次のような感じで名前をつけておきます。 <a name="A"></a> 名前をつけた場所に移動するときには次のようにします。 <a href="#A">A</a> フレームでも対象を指定すれば出来るはずなので試してみてください。

  • BLUEPIXY
  • ベストアンサー率50% (3003/5914)
回答No.1

<a href="javascript:void(parent.content.scrollBy(0,20));">A</a> とかすると、コンテンツフレームを約一行分スクロールさせることができます。 1クリックあたりのスクロールの量を変えるには、20の部分を適当に増減して下さい。

noname#18526
質問者

補足

感謝。感謝。出来ました。550で約1ページ分動くようです。戻すボタンは、-550としました。 ところで、アップロード前の自分のパソコン内でページを開くと次の文章が、ページトップに出てきました。これは、たまに出る警告文で、許可すると通常に戻ります。 私のHPでは、top page にフラッシュを使っていますので、パソコン内でページを開くと必ず警告文がでます。 「セキュリティ保護のため、コンピューターにアクセスできるコンテンツは表示されないよう、Internet Explorer で制御されています。オプションを表示するには、ここをクリックしてください。」 しかし、いずれもアップロードしたページでは表示されません。 他のPCで該当のページを見る際、警告文は出ないでしょうか。 また、550 は、私のデスクトップPCスクリーンでは最適な分量ですが、他のパソコンでも大差ないでしょうか。 以上、よろしくお願いします。

関連するQ&A

  • DMMX2004のフレームのスクロールバーがっ!

    はじめて投稿させていただきます。 DMMX2004でフレームのページを作っているのですが、左側のメニューから右側のメインページをターゲットにして飛ぶと、どうしてもウインドウ下辺のスクロールバーが出てしまうのです。 改行のみの単純なページだとしても同じで、サイトの外観を著しく損なうので、どなたかお教えいただけないでしょうか。 ちなみにスクロールバーの設定は自動(auto)になってす(特にいらないときにも出てくる) 以下がフレームのソースです。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=shift_jis"> <title>flame</title> </head> <frameset cols="120,*" frameborder="NO" border="0" framespacing="0"> <frame src="menu.html" name="menu" scrolling="auto" noresize> <frame src="main.html" name="main" scrolling="auto"> </frameset> <noframes><body> </body></noframes> </html> それではよろしく御願いします。

  • フレームを使って細いメニューを作りたいです。

    フレームを使って細いメニューを作りたいです。 フレームを使って下のほうに細いメニューを表示したいと思っています。 しかし文字の上に一行分くらいの隙間が開いてしまい、 メニューの文字がスクロールしないと表示されません。 メニューの作り方も調べましたが、ここまで細いものについてはわかりませんでした。 どうしたら上手く表示できるでしょうか。 完成ページ↓ <html> <head> <title></title> </head> <frameset rows="*,3%" frameborder="NO" border="0"> <frame src="PageTop.html"> <frame src="Menu.html" noresize scrolling="NO"> <norames><P>このページを表示するには、フレームをサポートしているブラウザが必要です。</P> </frameset> </html> PageTop.html↓ <html> <head> <title></title> </head> <body></body> </html> Menu.html↓ <html> <head> <title></title> <style type="text/css"> <!-- p { text-decoration: none; } --> </style> </head> <p> <body bgcolor="#696969" link="#696969" alink="#696969" vlink="#696969"> <font face="Kartika"><div style="font size:20px;">    <target="1" href="">Top</a>     <target="1" href="">About</a>    <target="1" href="">Main</a>    <target="1" href="">Blog</a>    <target="1" href="">Link</a>    <target="_top" href="">Index</a> </font></p> </body> </html> 至らない点がありましたらご指摘ください。 よろしくお願い致します。

    • ベストアンサー
    • HTML
  • フレームのスクロールバー表示について。

    お世話になっています。 フレーム表示について質問があります。 ページが表示できません。と表示していた際には、スクロールバーがあったのですが、リンクをつなげたら、一つにつながってしまいました。 どのようにすれば、表示されるようになるのでしょうか。 過去の質問を見ましたが分かりませんでした。 ソースは、 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <title>サイト</title> </head> <frameset cols="170, *" border="0"> <frame src="menu" name="menu"> <frame src="main" name="main"> <noframes> <body> このページをご覧頂くにはフレーム対応のブラウザが必要です。 </body> </noframes> </frameset> </html> 宜しくお願いします。

  • 下に表示されるスクロールバーの消し方を教えてください。

    下記のようにtitle(上)、menu(右)、main(左)と、3つのフレームを分けて表示していますが、 <frameset rows="60,*" border="0" frameborder="0" framespancing="0"> <frame src="title.html" name="head" scrolling="no"> <frameset cols="130,*" border="0" frameborder="0" framespancing="0"> <frame src="menu.html" name="menu" scrolling="auto"> <frame src="cont.html" name="main" scrolling="auto"> </frameset> </frameset> *で表示しても、main(右)のフレームの下にスクロールバーが出てしまいます。右端の上下のスクロールはいかしたまま、下のスクロールバーを消すには、どのようにすればよいのでしょうか? 分からなくて困っています。もし分かる方是非教えてください。 現状はこんな感じになってしまっています。http://www.twinklecloset.com/index.html

    • ベストアンサー
    • HTML
  • dreamweaverCS4でのフレーム

    dreamweaverCS4にてHP作成をしています 左右にフレーム分けしたページ(menu_Frameset)を作成し… 左(menu_left)には「メニューA」を表示し 右(menu_main)には一寸した?「注意事項」を記載しております 左(menu_left)の「メニューA」にある「項目A」をクリックすると… 右(menu_main)のページに上下にフレーム分けされたページ(koumoku_Frameset)を表示する 右(menu_main)のページに表示された上下にフレーム分けされたページ(koumoku_Frameset)には… 上(koumoku_top)には…「メニューB」が表示されていて… 下(koumoku_main)には…「メニューB」に表示されている「項目B」を クリックする毎に表示内容を変更する 上記の様なサイトを作成したのですが… 上(koumoku_top)に表示されている「項目B」をクリックすると… 上(koumoku_top)が消えて?しまい…右(menu_main)全体に表示されてしまいます 上下にフレーム分けされたページ(koumoku_Frameset)のみを表示させて試すしてみると… 下(koumoku_main)には問題無く表示されます dreamweaverCS4にて「コード」を確認すると下記の様になっております <a href="アドレス" target="mainFrame">項目</a> ※mainFrame=下(koumoku_main) 対処方法や確認すべきポイントなどはありませんでしょうか? 対処方法などがありましたら…アドバイスをお願い致します

  • フレームで困ってます。。助けてください。

    TOPページを(30%と70%の)フレームで 分割し、上の(30%)の方にいろいろなコンテンツを置き、そのコンテンツをクリックすると画面下のフレームに(リンク先が?)表示されるようにしたいのです。 それでコンテンツを5つほど並べてみたのですが(上のフレームに)、アップロードして自分のサイトを見に行くと、上のフレームが真っ白で、右側にスクロールバーが現れて、スクロールしなければコンテンツが 見れないようになってしまっています。 本当は、トップを開いたときに、右のスクロールバーが出ないようにして、コンテンツがちゃんと(スクロールしないでも)表示されるようにしたいんです。 今は、ホームページビルダー8とあわせて、HTMLで編集をしていますが、HTMLのほうは初心者なので、なるべくわかりやすくご教授願います。

    • ベストアンサー
    • HTML
  • フレームについて

    こんにちは。 久しぶりにフレームを使ったページを作ろうとしているのですが、うまくいきません。 (1)フレームの境界線をなくしたい。 <HTML> <HEAD> <TITLE>サイト名</TITLE> </HEAD> <frameset cols="20%,80%" frameborder="1" framespacing="1"framepadding="1" bordercolor="black"> <FRAME src="000a.html" frameborder="on"> <FRAME src="000b.html" name="000c.html" frameborder="on"> <NOFRAMES> <BODY> <P>このページを表示するには、フレームをサポートしているブラウザが必要です。</P> </BODY> </NOFRAMES> </FRAMESET> </HTML> とやっているのですが、スクロールバーがでてきてしまいます; (2)リンクがうまく右のページに飛ばない <A href="About.html"target="000b.html" title="説明文"><font color=4000ff size=4><B>About</B></A> とやっているのですが000b.htmlのページに表示されず、しかも新しいウィンドウが開かれてしまいます。 何かおかしなところがあったら教えてください。 よろしくお願いします!

  • 固定フレームのついたフレームページにリンクするには?

    メモ帳でホームページを作っています。初心者です。 メニューページにはフレームを使わず、 コンテンツ用ページを二つのフレームを使って、上部に各コンテントファイル、下部にメニュー(各コンテント名を一覧表示)が表示されるようにしています。下部フレームは固定フレームにしたいと思っています。 メニューページで各コンテント名をクリックしたとき、 上部にそのコンテントファイル、下部に固定メニューファイルの表示されたフレームページへリンクさせたいのですが、この方法がわかりません。 初めは、フレームページにアドレスを付けてリンクすればいいのよねー、と試みたのですが、そうすると全てのフレームページ、つまり上部フレームにそれぞれのコンテンツファイルが表示され、下部にメニューファイルが表示されたフレームページのひとつひとつにアドレスをつけないと、リンクできないのでは?と疑問がわきました。 しかし、それではフレームページの固定メニューファイルの各コンテント名をクリックしたときに、上部フレームにはコンテンツファイルのみでなく、各コンテンツのフレームページが表示されてしまい、下部の固定フレームが増えていって(泣)変なことになってしまいますよね。 フレームページ間のリンクは、その固定フレームの各コンテント名のtargetを上部フレーム名にすればよいので問題ないのですが・・・。 メニューページもフレームページにすれば解決するでしょって感じですが^_^;、メニューページには各コンテント名が載せてあるのに下にも同じ項目を並べるのはくどい気がして、ちょっと・・・と思いまして。 ご存知の方よろしくお願いします!

    • ベストアンサー
    • CSS
  • フレームのスクロールをできなくしたい。

    左右に分けて、右のフレームを上下に分けています。 右上のフレームをスクロールしないようにしたいのです。 スクロールバーの非表示をしたり、 フレームのサイズを不変にしたりしてみたのですが、 マウスで動かすとスクロールできてしまいました。 スタイルシートを使わない方法を教えてください。 もし方法がない場合でも、ないことを教えていただけると助かります。 どなたかよろしくお願いします。

  • HTMLでフレームから隣のフレームにリンクすると別窓になる

    タイトル通り、どうやっても別窓になってしまうんです;;; 今の状況です↓ <html> <head> <title>MAIN</title> </head> <frameset cols="290,65%" bordercolor="#ffff55" frameborder="1" framespacing="1"> <frame src="menu.html"  name="menu" scrolling="yes"> <frame src="top.html"  name="top" scrolling="yes"> </frameset> </html> ↑これがmain.htmlです <html> <head> <title>MENU</title> </head> <body> <frame src="main.html" name="main"> <a href="top.html" target="top.html">TOP</a> <a href="about.html" target="top.html">ABOUT</a> <a href="gallry.html" target="_blank">GALLRY</a> <a href="memo.html" target="top.html">MEMO</a> <a href="link.html" target="top.html">LINK</a> <a href="index.html" target="_top">ENTER</a> </body> </html> ↑こっちがmenu.htmlです ショートカットは、main.htmlとmenu.html(左側)とtop.html(右側)を用意してあります まだ初心者なのでタグがごちゃごちゃしてて分かりづらいかもしれないですが((汗 どうすればtopの方に表示されるのでしょうか??

専門家に質問してみよう