シンクロするスクロールバー

JavaScript Market - 動きのあるホームページを作る為の各種JavaScript のサンプルと小技集を公開中

シンクロするスクロールバー
そろそろネスケ４も無視して良かろう…ということも有り、
面倒くさいので <IFRAME> を使っていますが、
<FRAME> を使う場合もスクリプト的には全く一緒です。
■ このスクリプトのソース
<script>
// フレームの数
fr = 4;

posX = new Array(0,0,0,0);
posY = new Array(0,0,0,0);
scrX = scrY = 0;

function init() {
   for (i = 0; i < fr; i ++)
      frames[i].document.body.onscroll = synchro;
}

function synchro() {

   for (i = 0; i < fr; i ++) {
      if (posX[i] != frames[i].document.body.scrollLeft)
         scrX = frames[i].document.body.scrollLeft;
      if (posY[i] != frames[i].document.body.scrollTop)
         scrY = frames[i].document.body.scrollTop;
   }

   posX = new Array(scrX,scrX,scrX,scrX);
   posY = new Array(scrY,scrY,scrY,scrY);

   for (i = 0; i < fr; i ++)
      frames[i].scrollTo(scrX,scrY);
}

onload = init;
</script>

<iframe width=150 height=200 src="dummy.html"></iframe>
<iframe width=150 height=200 src="dummy.html"></iframe>
<iframe width=150 height=200 src="dummy.html"></iframe>
<iframe width=150 height=200 src="dummy.html"></iframe>