一个frame的滚动条来控制两个frame的内容同时滚屏

解决方案 »

  1.   

    1.可以用另一个窗口或者div把他俩套上,然后让两个frame页面长度等于内容长度,这样两个frame就都没有scrollbar了,只能拖父窗口或div的。
    2.监听scroll事件,通过改变各自document.body.scrollTop来达到同时滚动。
      

  2.   

    监听scroll事件 不太清楚 能不能说的详细些哦
      

  3.   

    <iframe id="a" src="a.htm" width="100" border="1"></iframe>
    <iframe id="b" src="a.htm" width="100" border="1"></iframe>
    <script>
    function scrollWin1()   {   
           window.frames["b"].document.body.scrollTop= window.frames["a"].document.body.scrollTop;   
       window.frames["b"].document.body.scrollLeft= window.frames["a"].document.body.scrollLeft;   
    }
    function scrollWin2()   {   
           window.frames["a"].document.body.scrollTop= window.frames["b"].document.body.scrollTop;   
       window.frames["a"].document.body.scrollLeft= window.frames["b"].document.body.scrollLeft;   
    }   
    window.onload=function()
    {
    window.frames["a"].attachEvent("onscroll",scrollWin1,true);
    window.frames["b"].attachEvent("onscroll",scrollWin2,true);
    }
      </script>