急求对象距浏览器边缘

现在有个网页,网页高度不限制. 里面有个图片.
我现在想 如果滚动到下面,也就是 图片接近底部. 我弹出一个div显示图片的上面.
但是 当我滚动到上面， 图片接近顶部,  我弹出的 div显示在这个图片的下面.怎么计算啊.是不是要取 图片离浏览器边距的问题? 怎么取,求解答.

解决方案 »

  1.   


    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
     <head>
      <title> new document </title>
     </head>
     <body>
    <div id='oimg' style="position:absolute;left:100px;top:300px;width:100px;height:100px;border:1px solid red;background-color:#00FF33">假如我是图片</div>
    <br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
    <br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
    <br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
    <script type="text/javascript">
    <!--
    (function(){
    var o = document.getElementById('oimg');
    var t = o.offsetTop;
    var d = 0;
    window.onscroll = function(){
    var de = document.documentElement || document.body;
    d = de.scrollTop;
    o.innerHTML = d
    if(de.scrollTop >= t){
    o.innerHTML = "到达顶部";
    de.scrollTop = t;
    return false;
    }
    }
    })();
    //-->
    </script>
     </body>
    </html>