左右のフレームの上下同時スクロール
-
0 名前： 匿名希望 ： 2006/05/01（月） 12:59
- フレームで左右に分割したブラウザ画面の、どちらかを上下にスクロール
させたら、もう一方も同じだけスクロールするようにする方法は
ありますでしょうか？
つまりやっていることはこうです。大きな表をブラウザに表示していて、
縦にも横にもスクロールする必要があるのですが、表の左側が見出しに
なっているのでそこは常に表示させておきたい。ただし、見出しが
下にスクロールされたらその右にある内容は同時に下にスクロールして
ほしいし、内容のほうがスクロールされたら見出しもいっしょに
スクロールしてほしい。
言いたいことがわかっていただけますでしょうか。。。？
たとえば以下のような内容の縦横にでっかい表があったとして、
-----------------------------------------
くだもの｜ りんご みかん バナナ 。。。
やさい ｜ とまと レタス もやし 。。。
にく ｜ とり肉 ぶた肉 牛肉 。。。
さかな ｜ さんま ひらめ あじ 。。。
。。。
「くだもの、やさい、にく、さかな」が左フレームに、それ以外が
右フレームにあり、左フレームは縦に、右フレームは縦にも横にも
スクロールします。そこで、左フレームを上下にスクロール
した時に、右もそれに伴って上下にスクロールしてほしいのです。
イントラネットなので現物をお見せすることができませんが、
どうかアドバイスをよろしくお願いいたします。
-
1 名前： Pid ： 2006/05/01（月） 12:59
- J(ava)Script の scrollBy とか scrollTo とか scrollIntoView とかで検索すれば幸せになれるかもしれません。
ただ，そのような要望が出るのであれば，「表の見出しと内容が別文書」という文書設計を見直した方が良い気がします。
-
2 名前： 匿名希望 ： 2006/05/01（月） 12:59
- お返事ありがとうございます。
表はひとつなのですが、横にスクロールしても左の見出し
を表示しておきたいので、
（向かって）左フレームには見出しを表示して横スクロールなし、
右フレームに残りを表示、というふうに
している、のです。
一方のウインドウがユーザーによって上または下にスクロール
されたときに、どれくらいスクロールされたかがわかる方法が
あるでしょうか？
それがわかれば、あとはscrollBy とか scrollTo とかで
できると思うのですが。。。
-
3 名前： Pid ： 2006/05/01（月） 12:59 ID:7ZLUWR5F
- > 表はひとつなのですが、横にスクロールしても左の見出しを表示しておきたい
そういう用途では普通 { position: fixed; } を使うのですが，まあ現時点で WinIE が対応していないので仕方ありませんね。
> どれくらいスクロールされたかがわかる方法があるでしょうか？
検索すれば一緒に出てくると思ったのですが…。
・WinIE 以外： window.pageYOffset
・WinIE 標準モード：document.documentElement.scrollTop
・WinIE 互換モード：document.body.scrollTop
※もう少し簡単に取得できた気がしますが割愛。
-
4 名前： 匿名 ： 2006/05/01（月） 12:59 ID:VqYUKm2v
- お返事ありがとうございます。
どうすればいいかわかってきました。
すぐに結果がお知らせできなくてすみません
本当にありがとうございました。
