框架问题，本论坛首次提问，请高手帮忙，最贴切给100分！

框架页(尺寸可自己调整):
<frameset rows="113,*">
  <frame name="topwin" scrolling="auto" noresize target="contents" src="TOP.htm">
  <frameset cols="149,*">
    <frame name="leftwin" target="main" src="LEFT.htm">
    <frame name="main" src="MAIN.htm">
  </frameset>
  <noframes><body><p>此网页使用了框架，但您的浏览器不支持框架。</p></body></noframes>
</frameset>在MAIN.htm的HEAD区添加:
<script language="javascript">
function doscroll()
{
var thisScrollMax_X = document.body.scrollWidth - document.body.clientWidth;
var thisScrollMax_Y = document.body.scrollHeight - document.body.clientHeight;
var topScrollMax_X = top.document.frames[0].document.body.scrollWidth - top.document.frames[0].document.body.clientWidth;
var leftScrollMax_Y = top.document.frames[1].document.body.scrollHeight - top.document.frames[1].document.body.clientHeight;
var scroll_X = document.body.scrollLeft/thisScrollMax_X * topScrollMax_X;
var scroll_Y = document.body.scrollTop/thisScrollMax_Y * leftScrollMax_Y; top.document.frames[0].document.body.scrollLeft = scroll_X;
top.document.frames[1].document.body.scrollTop = scroll_Y;
}
</script>
将MAIN.htm的<Body>标签改成:
<body onscroll="doscroll();">试试吧

解决方案 »

  1.   

    框架页(尺寸可自己调整):
    <frameset rows="113,*">
      <frame name="topwin" scrolling="auto" noresize target="contents" src="TOP.htm">
      <frameset cols="149,*">
        <frame name="leftwin" target="main" src="LEFT.htm">
        <frame name="main" src="MAIN.htm">
      </frameset>
      <noframes><body><p>此网页使用了框架，但您的浏览器不支持框架。</p></body></noframes>
    </frameset>在MAIN.htm的HEAD区添加:
    <script language="javascript">
    function doscroll()
    {
    var thisScrollMax_X = document.body.scrollWidth - document.body.clientWidth;
    var thisScrollMax_Y = document.body.scrollHeight - document.body.clientHeight;
    var topScrollMax_X = top.document.frames[0].document.body.scrollWidth - top.document.frames[0].document.body.clientWidth;
    var leftScrollMax_Y = top.document.frames[1].document.body.scrollHeight - top.document.frames[1].document.body.clientHeight;
    var scroll_X = document.body.scrollLeft/thisScrollMax_X * topScrollMax_X;
    var scroll_Y = document.body.scrollTop/thisScrollMax_Y * leftScrollMax_Y; top.document.frames[0].document.body.scrollLeft = scroll_X;
    top.document.frames[1].document.body.scrollTop = scroll_Y;
    }
    </script>
    将MAIN.htm的<Body>标签改成:
    <body onscroll="doscroll();">试试吧
      

  2.   

    谢谢大哥，还有点问题，希望改进一下！
    不能响应滚动条移动事件！
    我希望移动 main.htm的滚动条是，TOP，LEFT的滚动条跟着动
    因为MAIN.htm 的SCROLL。TOP等于TOP。HTM的SCROLL。TOP
        MAIN。HTM 的 SCROLL。LEFT等于LEFT。HTM的SCROLL。LEFT
    在主栏MAIN。HTM的滚动条需要跟其他同步移动！
      

  3.   

    <SCRIPT language=JavaScript>
    function moveit() {
    window.parent.leftwin.scroll(0,document.body.scrollTop);
    window.parent.topwin.scroll(document.body.scrollLeft,0);
    //alert (document.body.scrollTop)
    }
    window.onload=moveit; //网面打开时时执行moveit()
    window.onresize=moveit; //当调整浏览器大小时执行moveit()
    window.onscroll=moveit; //当拉动滚动条时执行moveit()
    </SCRIPT>终于搞出来了！原来就这么简单！