重要なお知らせ

「教えて! goo」は2025年9月17日(水)をもちまして、サービスを終了いたします。詳細はこちら＞

電子書籍の厳選無料作品が豊富！

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

解決済

  • 質問者：unique
  • 質問日時：
  • 回答数：3件

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

通報する

この質問への回答は締め切られました。

質問の本文を隠す

A 回答 (3件)

No.3ベストアンサー

  • 回答者： lead1976
  • 回答日時：

補足読みました。



右側のページの縦の表示幅と、左側のページの縦の表示幅に差があるということはありませんか?
右側のページの縦の表示幅が左側のページの縦の表示幅を大きく超えている場合、あるいは、左側のページの表示の縦幅にスクロールをしなければ表示できないオーバーフロー部分がない場合、左側のページは通常のページと同様にページ内容の最下端に行き当たっている時点でスクロールダウンができなくなるので、一見スクリプトが機能していないように見えることもあるかと思います。
このケースが疑わしい場合は、左側のページにダミーの内容(多数の改行など)を入れて縦の表示幅を稼ぎ、その上でスクリプトの動作を確認してみてください。 それで機能しているようでしたら、スクリプトの問題はないと思います。 おそらくこの線なのではないかと思いますが…

もしそれが原因でないとしたら、何が原因なのかを推定する情報が得られないと、対処方法を提案するのも難しいと思います。
もしエラーメッセージが表示されているようでしたら、そのエラーメッセージの内容も合わせて補足してみて下さい。 あるいは、可能でしたら不具合の状況や現象をもう少し詳細に補足していただけると、解決も可能かと思います。

たびたび失礼しました。
    • good
    • 0
    • 件
通報する

No.2

  • 回答者： lead1976
  • 回答日時：

蛇足気味ですが…



右側のフレームのHTMLファイルの中に、以下のスクリプトを入れてみるのはいかがでしょうか。 スクリプト的にはあまりスマートではないかも知れませんが…

<script type="text/javascript">
<!--
function dblscroll(){
if (navigator.appName.charAt(0)=="M"){
parent.left.window.scrollTo(0,document.body.scrollTop);
}
else if (navigator.appName.charAt(0)=="N"){
parent.left.window.scrollTo(0,window.pageYOffset);
}
}

if (navigator.appName.charAt(0)=="M"){
document.onmousemove=dblscroll;}
else if (navigator.appName.charAt(0)=="N") {
window.captureEvents(Event.mousemove);
onmousemove=dblscroll;
}
// -->
</script>

こちらでは、IE6とNetscape6で動くことを確認しました。
参考になれば…

この回答への補足

スクリプトまで教えて頂き、ありがとうございます。
ただ、私のブラウザーはIE6なのですが、以下のような条件でうまく動きません。教えていただいた上にさらにお聞きするのは大変恐縮なのですが、アドバイスを頂ければ幸いです。
・プログラムは<head>と</head>の間に貼りました。
・フレームを規定する部分のHTML（抜粋）は以下です。
<frame src="menue.htm" name="left" marginwidth="0" marginheight="0" scrolling="no">
<frame src="top_page.htm" name="right" marginwidth="0" marginheight="0" scrolling="auto">

補足日時：2003/06/07 00:50
通報する
    • good
    • 0
    • 件
通報する

No.1

  • 回答者： Sequel
  • 回答日時：

過去の質問の紹介で申し訳ないですが、取り急ぎ


参考になればと思いまして、貼り付けていきます（汗）

http://www.okweb.ne.jp/kotaeru.php3?q=561567

参考URL：http://www.okweb.ne.jp/kotaeru.php3?q=561567

この回答への補足

Ano.#2同様に右側(name=right)に貼り付けてもうまく動作しません。もし、良いアドバイスがありましたら、ぜひ御教え下さい。よろしくお願い致します。

補足日時：2003/06/07 00:51
通報する
    • good
    • 0
    • 件
通報する

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう！

Q質問する（無料）

ページトップページトップ

Q質問する（無料）

デイリーランキングこのカテゴリの人気デイリーQ&Aランキング

マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング

おすすめ情報