急求对象距浏览器边缘

wishY 2009-11-25 04:44:22

现在有个网页,网页高度不限制. 里面有个图片.

我现在想如果滚动到下面,也就是图片接近底部. 我弹出一个div显示图片的上面.
但是当我滚动到上面，图片接近顶部, 我弹出的 div显示在这个图片的下面.

怎么计算啊.是不是要取图片离浏览器边距的问题? 怎么取,求解答.

...全文

80 2 打赏收藏转发到动态举报

写回复

用AI写文章

2 条回复

切换为时间正序

请发表友善的回复…

发表回复

浴火_凤凰 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>