两个iframe怎么同步滚动？？？

<html>
    <head>
<style>
    DIV{width:200;height:150;border:solid 1px;overflow-x:hidden;overflow-y:scroll;}
    body {margin:0;background-color : transparent;}
    </style>
</head>
<body>
<DIV style="left:440px;position:absolute;top:20px;" onscroll="document.getElementById('ToScroll').scrollTop = this.scrollTop;"> 
http://www.baidu.com
http://www.baidu.com
http://www.baidu.com
http://www.baidu.com
http://www.baidu.com
http://www.baidu.com
http://www.baidu.com
http://www.baidu.com
http://www.baidu.com
http://www.baidu.com
http://www.baidu.com
http://www.baidu.com
</DIV>
<DIV id="ToScroll" style="left:220px;position:absolute;top:20px;overflow:hidden;"> 
http://www.163.com
http://www.163.com
http://www.163.com
http://www.163.com
http://www.163.com
http://www.163.com
http://www.163.com
http://www.163.com
http://www.163.com
</DIV >

解决方案 »

  1.   

    第二个页面中．
    function fnHandlescroll()
    {
      var scrollLeft = document.body.scrollLeft;
      var window1 = window.parent.frames[0].window;
      window1.scrollTo(scrollLeft, 0);
    }<body onscroll="fnHandlescroll();" >第一个页面中．
    function fnHandlescroll()
    {//javastricpt脚本放在HEAD中
      var scrollLeft = document.body.scrollLeft;
      var window1 = window.parent.frames[1].window;
      window1.scrollTo(scrollLeft, 0);
    }<body onscroll="fnHandlescroll();" >
      

  2.   

    滚动b
    a.scrollTop=b.scrollTop滚动a
    b.scrollTop=a.scrollTop
      

  3.   

    cici2006(以不变应万变):按你的方法没成功，你有测试通过的例子吗？谢谢