<body onscroll="f()">
<script>
var x,y
function window.onload(){
with(document.all.a.style){
x=left;y=top;
}
}
function f(){
with(document.all.a.style){
pixelLeft=document.body.scrollLeft
pixelTop=document.body.scrollTop
}
}
</script>
<div id=a style="position:absolute;top:0;left:0;z-index:2;background-color:red">fason</div>
</body>

解决方案 »

  1.   

    有什么难度,<body onscroll="demo.style.pixelTop=document.body.scrollTop;demo.style.pixelLeft=document.body.scrollLeft;">
    <div id="demo" style="position:absolute;z-index:2;overflow:auto;height:80px;width:500" >
    <table border="1" style="position:absolute;z-index:2;"  bgcolor=#ff00ff  width=100% id=t0>
    <tr>
    <td id="td1">ttt</td>
    <td>ttt中国人</td>
    <td>ttt</td>
    </tr>
    </table>
    </div></body>
      

  2.   

    先看看这个代码:
    http://www.ccidnet.com/school/web/2002/06/17/100_6712.html
    我稍微做了一下修改,就搞定了。没有什么难度:
    <SCRIPT FOR=window EVENT=onload LANGUAGE="JavaScript">
    initAd();//载入页面后,调用函数initAd()
    </SCRIPT>
    <script language="JavaScript">
    <!--
    function initAd() {
    document.all.AdLayer.style.posTop = -200;
    //设置onLoad事件激发以后,广告层相对于固定后的y方向位置
    document.all.AdLayer.style.visibility = 'visible'//设置层为可见
    MoveLayer('AdLayer');//调用函数MoveLayer()
    }
    function MoveLayer(layerName) {
    var x = 600;//浮动广告层固定于浏览器的x方向位置
    var y = 300;//浮动广告层固定于浏览器的y方向位置
    var diffy = (document.body.scrollTop + y - document.all.AdLayer.style.posTop)*.40;
    var y = document.body.scrollTop + y - diffy;
    var diffx = (document.body.scrollLeft + x - document.all.AdLayer.style.posLeft)*.40;
    var x = document.body.scrollLeft + x - diffx;
    eval("document.all." + layerName + ".style.posTop = y");
    eval("document.all." + layerName + ".style.posLeft = x");//移动广告层
    setTimeout("MoveLayer('AdLayer');", 20);//设置20毫秒后再调用函数MoveLayer()
    }
    //-->
    </script>
    <!--下面为一个ID为AdLayer的层(如ID名不为AdLayer,
    上面MoveLayer()内的AdLayer也要作相应修改),包括一张带链接的图片-->
    <div id=AdLayer style='position:absolute; width:61px; height:59px; z-index:20; visibility:hidden;; left: 600px; top: 300px'>
    <a href="http://www.5dmedia.com/bbs"><img src='../qqkk2000.gif' border="0" height="60" width="60"></a>
    </div>
      

  3.   

    注意,修改的主要是这四句:
    var diffy = (document.body.scrollTop + y - document.all.AdLayer.style.posTop)*.40;
    var y = document.body.scrollTop + y - diffy;
    var diffx = (document.body.scrollLeft + x - document.all.AdLayer.style.posLeft)*.40;
    具体的含义,你自己慢慢体会吧!
    阿信和司令的代码更简单,更好。推荐!
      

  4.   

    <body onscroll="f()">
    <script>
    var x,y
    function window.onload(){
    with(document.all.a.style){
    x=left=100
    y=top=100
    }
    }
    function f(){
    with(document.all.a.style){
    pixelLeft=x+document.body.scrollLeft
    pixelTop=y+document.body.scrollTop
    }
    }
    </script>
    <div id=a style="position:absolute;background-color:red">fason</div>
    </body>
      

  5.   

    onload时初始化left,top同时给x,y.滚动时加上scrollLeft,scrollTop