层定位的问题（浮动层）

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<META http-equiv=Content-Type content="text/html; charset=gb2312">
<META content="MSHTML 6.00.2600.0" name=GENERATOR>
</head>
<body>
<div style="height:1000px">
<div id='test'>
mytest
</div>
</div>
<SCRIPT LANGUAGE="JavaScript">
<!--var div=document.getElementById("test")
div.style.position='absolute'
mov()
function mov()
{
div.style.position='absolute'
div.style.left=(100+document.body.scrollLeft).toString()+'px'
div.style.top=(100+document.body.scrollTop).toString()+'px'
setTimeout("mov()",100)
div.innerHTML='scrollLeft:'+(100+document.body.scrollLeft)+'<br/>'+'scrollHeight:'+(100+document.body.scrollHeight)+'<br/>'
}
-->
</SCRIPT>
</BODY>
</HTML>  

解决方案 »

  1.   

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <HTML>
    <HEAD>
    <META http-equiv=Content-Type content="text/html; charset=gb2312">
    <META content="MSHTML 6.00.2600.0" name=GENERATOR>
    </head>
    <body>
    <div style="height:1000px">
    <div id='test'>
    mytest
    </div>
    </div>
    <div style="height:1000px">
    <div id='test2'>
    mytest
    </div>
    </div>
    <SCRIPT LANGUAGE="JavaScript">
    <!--var div=document.getElementById("test")
    divx=document.getElementById("test")
    div.style.position='absolute'
    divx.style.position='absolute'
    mov()
    function mov()
    {
    div.style.position='absolute'
    div.style.left=(3+document.body.scrollLeft).toString()+'px'
    div.style.top=(100+document.body.scrollTop).toString()+'px'
    divx.style.position='absolute'
    divx.style.left=(890+document.body.scrollLeft).toString()+'px'
    divx.style.top=(100+document.body.scrollTop).toString()+'px'
    setTimeout("mov()",100)
    }
    -->
    </SCRIPT>
    </BODY>
    </HTML>