左側のフレーム(left)にスクロールバーをつけることなく、右側のフレーム(right)のスクロールバーだけで左のフレームも同時にスクロールさせる方法を教えて下さい。
というのも運営しているホームページのお客様から左のメニューが全部見えないので改善して欲しいとご指摘を頂いたためです。
(ホームページの作成及びメンテナンスの都合上、左右にフレームを分割したホームページですが、無理です。もしくはテーブルでホームページを作り直せばといった回答はご遠慮下さい。少しでもご参考になればということでURL:www.e-mail.acをのせておきます。)
No.3ベストアンサー
- 回答日時:
補足読みました。
右側のページの縦の表示幅と、左側のページの縦の表示幅に差があるということはありませんか?
右側のページの縦の表示幅が左側のページの縦の表示幅を大きく超えている場合、あるいは、左側のページの表示の縦幅にスクロールをしなければ表示できないオーバーフロー部分がない場合、左側のページは通常のページと同様にページ内容の最下端に行き当たっている時点でスクロールダウンができなくなるので、一見スクリプトが機能していないように見えることもあるかと思います。
このケースが疑わしい場合は、左側のページにダミーの内容(多数の改行など)を入れて縦の表示幅を稼ぎ、その上でスクリプトの動作を確認してみてください。 それで機能しているようでしたら、スクリプトの問題はないと思います。 おそらくこの線なのではないかと思いますが…
もしそれが原因でないとしたら、何が原因なのかを推定する情報が得られないと、対処方法を提案するのも難しいと思います。
もしエラーメッセージが表示されているようでしたら、そのエラーメッセージの内容も合わせて補足してみて下さい。 あるいは、可能でしたら不具合の状況や現象をもう少し詳細に補足していただけると、解決も可能かと思います。
たびたび失礼しました。
No.2
- 回答日時:
蛇足気味ですが…
右側のフレームの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">
No.1
- 回答日時:
過去の質問の紹介で申し訳ないですが、取り急ぎ
参考になればと思いまして、貼り付けていきます(汗)
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お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- gooブログ 記事の下にスクロールバーが表示される 2 2022/08/19 20:42
- メガネ・コンタクト・視力矯正 メガネ跡 鼻パット 2 2023/07/28 09:03
- HTML・CSS トリミングで表示した画像をクリックで元どおりにしたい 3 2022/12/16 18:49
- カスタマイズ(バイク) リアボックス取り付け 2 2023/08/11 08:07
- JavaScript スマホ上で、左右スワイプで次のページに移動させたいです 2 2022/11/11 17:04
- 運転免許・教習所 車線変更時の目視についてよろしくお願いします。 前の車からタントに乗り換えました。助手席に夫が乗る時 8 2023/07/31 11:12
- 筋トレ・加圧トレーニング 授業中/勤務中の筋トレ。 授業中や、デスクワークの仕事中にあまり目立たない筋トレを考案したので、評価 4 2022/07/31 04:55
- JavaScript HTML&CSS Javascriptによる動的テーブル 1 2023/03/27 19:51
- カスタマイズ(バイク) リアボックス取り付け位置 2 2023/08/11 06:08
- 運輸業・郵便業 運転席にある、この液晶画面は何と言いますか。 2 2023/07/03 10:36
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
wordの数式について 定積分を書...
-
硬質カードケースについて 縦向...
-
テキストBOXの縦幅
-
VB.net データーグリッドビュー...
-
javascript ColorBoxの最大縦幅...
-
ラジオボタンが両方とも選択で...
-
VB初心者。小数点以下の表示で...
-
INPUT TYPE
-
「value」に2つの値をセットす...
-
htmlでセルの値を取得して計算...
-
別formのhidden項目を自form値...
-
htmlからパラメータで、cgiに渡...
-
プルダウンメニューでValue値を...
-
Error: No Recipient というエ...
-
<select>タグの幅設定
-
チェックボックスとセレクトボ...
-
メールフォームのプルダウンメ...
-
tracert ができない原因
-
FORMのselectの選択肢を最初か...
-
JEditorPaneでwebページを表示
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
wordの数式について 定積分を書...
-
WEBページを強制的に横画面で見...
-
[HTML]プルダウンメニューの横...
-
VB.net データーグリッドビュー...
-
EXCELとの連携
-
MSPゴシックで、一番幅を取る文字
-
シングルコーテーション(')と...
-
onMouseoverで下線表示したい(...
-
誕生日のカウントダウン日数を...
-
左右のフレームを同時にスクロ...
-
テキストBOXの縦幅を変えたい
-
何故横ナビ主流?
-
横スクロールを縦スクロールに...
-
iPhoneサイトで横向き時自動で...
-
ラジオボタンが両方とも選択で...
-
select値をhiddenのvalueに渡し...
-
「value」に2つの値をセットす...
-
チェックボックスの返す値
-
INPUT TYPE
-
別formのhidden項目を自form値...
おすすめ情報