框架结构中的网页，如何实现通过其中一个frame的滚动条来控制两个frame的内容同时滚屏

<html>
<frameset cols="25%, *">
<frame scrolling="no" name=frame1 src="scroll1.htm">
<frame name=frame2 src="scroll2.htm">
</frameset>
</html>scroll1.htm
=================
<html>
<script language=javascript>
  for (var i=0; i<50; i++) {
    document.writeln("Line" + i + "<br>")
  }
</script>
</html>
scroll2.htm
=================
<html>
<script language=javascript>
for (var i=0; i<50; i++) {
  document.writeln("Line" + i + "<br>")
}function scrollIt() {
  parent.frame1.document.body.scrollTop = document.body.scrollTop;
}with (window) {
  onscroll = onsize = scrollIt;
}
</script>
</html>

解决方案 »

  1.   

    谢谢net_lover(孟子E章) ，我还有个问题想请教，如果一个页面放了四了frame，先是左右frame，然后左右都分成上下frame，问题：调整左边frame里的上下frame大小的时候怎样让右边frame里的上下frame大小和左边同步变化，不知道你能否明白。
    <html>
    <frameset cols="25%, *"><frameset rows="25%, *">
    <frame scrolling="yes" name=frame11 src="scroll-11.htm">
    <frame name=frame12 src="scroll-12.htm">
    </frameset><frameset rows="25%, *">
    <frame scrolling="yes" name=frame21 src="scroll-21.htm">
    <frame name=frame22 src="scroll-22.htm">
    </frameset></frameset>
    </html>