87,993
社区成员
发帖
与我相关
我的任务
分享急求对象距浏览器边缘
现在有个网页,网页高度不限制. 里面有个图片.
我现在想 如果滚动到下面,也就是 图片接近底部. 我弹出一个div显示图片的上面.
但是 当我滚动到上面， 图片接近顶部, 我弹出的 div显示在这个图片的下面.
怎么计算啊.是不是要取 图片离浏览器边距的问题? 怎么取,求解答.
我现在想 如果滚动到下面,也就是 图片接近底部. 我弹出一个div显示图片的上面.
但是 当我滚动到上面， 图片接近顶部, 我弹出的 div显示在这个图片的下面.
怎么计算啊.是不是要取 图片离浏览器边距的问题? 怎么取,求解答.
...全文
请发表友善的回复…
发表回复
浴火_凤凰 2009-11-26
- 打赏
- 举报
可以试一试
Click_Me 2009-11-25
- 打赏
- 举报
<!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>
