• 締切済み

フレーム同時スクロール

お知恵を貸してください。 それぞれ3つのフレームがあり3つのファイルがあります。(下記の図) 左 | ヘッダーのフレーム   | A | B | | の |-------------------------------------- フ | Bodyのフレーム | 値A| 値B| | レ | | | ム | があり、下にスクロールがあり、横にスクロールを するとヘッダーの部分とBodyの部分が少しずつずれて しまいます。(Aのヘッダーと値Aが同時に動いて少しずつずれが生じます。)これはどのようにソースを書いたらよいのでしょうか?ご教授お願いします。

  • tel
  • お礼率66% (294/439)

みんなの回答

回答No.1

まだ検証しきれていませんが、 こちらのページのソースで 実現できるかと思います。 ただ改良点として、 ご提示の例では、 ヘッダの横幅をBodyの横幅と同じにする必要があります。 BODY直下にDIVで囲い、そのDIVにて CSS(スタイルシート)で横幅を指定します。 さらにjavascriptと組み合わせて 動的に横幅を取得,設定する方法もありますが、 とりあえず以上まで。

参考URL:
http://jsm.suepon.com/script/jsm37.html

関連するQ&A

  • 左右のフレームを同時にスクロールする方法

    javascriptで左右のフレームを同時にスクロールする様にしたのですが右フレームの垂直スクロールを行うと、右フレームの水平スクロールが左へ戻ってしまいます。ちなみに左フレームは水平スクロールしません。 --------------------------左フレーム--------------------------- function scrPage() { parent.right.lfScr(document.body.scrollLeft,document.body.scrollTop); } function lfScr(y) { scrollTo(0,y); } <BODY onScroll="scrPage()"> ---------------------------------------------------------------- -------------------------右フレーム----------------------------- function scrPage() { parent.left.lfScr(document.body.scrollTop); } function lfScr(y) { scrollTo(0,y); } <BODY onScroll="scrPage()"> ----------------------------------------------------------------- どうにかして、右フレームの垂直スクロールを左に戻さない方法はないでしょうか?よろしくお願いします。

  • 左右のフレームを同時にスクロールさせる。

    左側のフレーム(left)にスクロールバーをつけることなく、右側のフレーム(right)のスクロールバーだけで左のフレームも同時にスクロールさせる方法を教えて下さい。 というのも運営しているホームページのお客様から左のメニューが全部見えないので改善して欲しいとご指摘を頂いたためです。 (ホームページの作成及びメンテナンスの都合上、左右にフレームを分割したホームページですが、無理です。もしくはテーブルでホームページを作り直せばといった回答はご遠慮下さい。少しでもご参考になればということでURL:www.e-mail.acをのせておきます。)

    • ベストアンサー
    • HTML
  • フレームとスクロール

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

    • ベストアンサー
    • HTML
  • フレームの縦スクロール

    フレームを使ったページの縦スクロールをさせる方法を教えて下さい。 dir1.htmのソース <HTML> <HEAD></HEAD> <FRAMESET ROWS="900pt,900pt"> <FRAME SRC="dir2no1.htm"> <FRAME SRC="dir2no2.htm"> </FRAMESET> </HTML> dir2no1.htmのソース <HTML> <HEAD></HEAD> <BODY> あああ </BODY> </HTML> dir2no2.htmのソース <HTML> <HEAD></HEAD> <BODY> いいい </BODY> </HTML> この3つのファイルで、dir1をIEで表示した時に、右に縦スクロールバーを表示したいです。 <FRAME SRC="dir2no1.htm"> と <FRAME SRC="dir2no2.htm"> のそれぞれをスクロールさせるのではなく、dir1.htmそのものに縦スクロールを付けたいのです。 実際にはdir1.htmはフレームの子供であり、縦サイズは固定値500です。 <FRAME SRC="dir2no1.htm"> と <FRAME SRC="dir2no2.htm"> の縦サイズは固定値です。ぞれぞれ900ぐらいにしてテストしたいです。 テストではdir1.htmの親フレームは付けずに、IEで直接dir1.htmにアクセスしてスクロールバーが使えることを確認したいです。 900,900の子供を持った500の親だから、親に縦スクロールを付けたいのです。 JavaScripは使えます。 <iframe>を使わないことが条件です。

  • フレームなどで、スクロールの表示を消すにはどうしたらいい?

     すいません、教えてください。 フレーム機能を使っていると思うんですが、 画面からはみ出し多分は普通なら、 ▲ ▼ みたいなボタンが現れて、それをドラッグして 見えない部分を見ようとしますよね?▲と▼の 部分には長方形の物体が存在します。なんのことか わからないかもしれませんが、多分今見てるこのサイトでも 右横と一番下に現れてると思います。  普通なら、画面からはみ出た部分は上に書いたような スクロールさせるための機能が自然に現れると思うんですが、 多分、フレーム機能を使った場合、そういうスクロールのための 表示がまったくされなくて、画面からはみ出た部分を見るには マウスの右クリックと左クリックの真中についてる、クルクル 回すやつで移動させないとだめな機能はどうやったらできるのでしょうか?  フレームで枠表示をさせないようもしたんですが、できませんでした。  勿論、フレームを使っていない普通のHPの場合は画面に収まり 切れない部分がある場合、普通に画面右と下にスクロールするための 機能が出ることを言っているのではないです。  あと、こういう機能を使うのはHP閲覧者にとって どういう印象があるのでしょうか?見づらいでしょうか・・・? 

  • 2つのフレームに対して同時にリンクさせることは可能でしょうか?

    教えてください。お願いします。 たとえば、 左のフレームには(1)本のジャンル、(2)その下にはジャンル別に本のタイトルが入力されているというページ、 右フレームには(3)その本の内容が出てくるという構成で、 左フレームの(1)をクリックすると、そのページ下部分の(2)に飛び、同時に右フレームには(3)が出てくるというように、(1)をクリックすると同時にふたつ一緒に切り替わるリンク設定というのは可能でしょうか?

  • 横方向のスクロールをなくしたい

    縦3分割(cols="*,700,*")のフレームにし、真ん中だけ遷移させるページを作成しているのですが、CSSで、 body{ overflow-x:hidden; } と設定しているのですが、横方向にスクロールされてしまいます。フレームの値(width)より真ん中のページに置く幅の値が等しいか同値であるのですが、何か設定が要るのでしょうか? 因みに縦はスクロールします。(真ん中のフレームのみ) 考えてみましたが、結論が出そうになかったので教えてください。お願いします。

    • ベストアンサー
    • HTML
  • フレームに関して

    左のフレーム(A-(1))に各メニュー(日記・掲示板等) 右のフレーム(A-(2))にはクリックしたメニューに応じたコンテンツを表示させるHPを作成しました。 しかし、日記をクリックした時のみ図Bのように右上のフレームに年月を表示させる「DIARY TOP」を、右下のフレームにクリックした月の日記を表示させたいのです。 どなたかお力添えをお願い致します。 図A(括弧はフレーム) 「(1) 「(2)    」   」 図B(括弧はフレーム) 「(1) 「(2) 」   」「(3) 」

    • ベストアンサー
    • HTML
  • 複数フレームの同時処理

    いつもお世話になっています。 frame1.htmで画面を左(name=left)と右(name=right)に分割し、 まずrightにa.aspがあり、ここで入力された値をleftに表示されたb.aspに渡し、 同時にrightにframe2.htm(上(name=upper)と下(name=bottom)に分割)を表示させます。 このとき、b.aspの処理が終わった後、その結果を frame2.htmのbottomにc.aspとして表示させたいのです。 例えばa.aspでAを入力してエンターを押すと次の瞬間にはb.aspとc.aspにAの文字が表示されているという感じです。 こういうことは可能なのでしょうか? わかりにくい書き方ですみませんが、どなたかわかる方、教えてください!

  • フレーム分割画面全体にスクロールバーを出したいのですが。

    早速ですが、以下のように複数のフレームを使い表と見出しのスクロールを同期させているのですが、このフレーム分割画面全体に対してのスクロールバーを表示させたいと考えています。自分の調査中不足と勉強不足でそもそも実現可能かどうかすらわかりません。そのあたりからご教授ねがいますでしょうか? よろしくお願いいたします。 現在のフレーム構成は以下のようになっています メインフレーム----------------------------------| | | | タイトルフレーム----------------------------| | | |-------------------------------------------| | | | | |空白フレーム--| 項目見出し----------------| | | |--------------| |-------------------------| | | | | 日付見出し-----| 日付毎の値----------------| | | | 12/1    | |  123       S| | | | 12/2    | |  123       C| | | | 12/3    | |  123       R| | | | 12/4    | |  123       O| | | | 12/5    | |  123       L| | | | 12/6    | |  123       L| | | | 12/7    | |  123       B| | | | 12/8    | |  123       A| | | | 12/9    | |  123       R| | | |--------------| |-------------------------| | | |--------------| |-横scrollbar-------------| | | | |-----------------------------------------------|

専門家に質問してみよう