08
2010
03

document.body.scrollTop为0的解决方案

Jquery用多了,对单纯JS却发现有些问题。今天做浮动就碰上了document.body.scrollTop总为0的问题。百度一下终于得到解决方法。

在页面中加一个随着页面滚动条滚动的小图片广告,但是却发现document.body.scrollTop这个属性在本地的时候能取到值,但是传到服务器上的时候取到的值一直不变。

解决方案
1、原来在HTML文件头部声明了这样一句:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 原来在此DTD下面的document.body是针对整个网页真正的body了,而document.documentElement才是真正的浏览器显示区域。

改成这样就好了:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

但是W3c的标准的引用,样式会发生变化。

2、将document.body.scrollTop改为document.documentElement.scrollTop

类推:document.body.clientHeight也改成document.documentElement.clientHeight

帖下我的简单右下角图片浮动js代码(兼容IE7,火狐,其他未测试):

document.writeln("<div id=\"ad_DIV\" style=\"z-index:99999; left:0px;   width:200px;  position:absolute; top:20px; height:116px; \">");
document.writeln("<a href=\"http://www.monring.com\"><img src=\"ad.png\" border=\"0\" width=\"200\" height=\"116\"><\/a><\/div>");
document.getElementById("ad_DIV").style.top=(document.documentElement.clientHeight-116)+"px" ;
document.getElementById("ad_DIV").style.left=(document.documentElement.clientWidth-200)+"px";
moveR();
function moveR() {
 document.getElementById("ad_DIV").style.top=(document.documentElement.clientHeight+document.documentElement.scrollTop-116)+"px";
 document.getElementById("ad_DIV").style.left=(document.documentElement.clientWidth+document.documentElement.scrollLeft-200)+"px";
 setTimeout("moveR();",80)
}
« 上一篇下一篇 »

评论列表:

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。