document.body.scrollTop为0的解决方案
来源:互联网 发布:acrobat xi for mac 编辑:程序博客网 时间:2024/05/22 00:14
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.blog-design.cn/"><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)
}
如果你想定位鼠标相对于页面的绝对位置时,你会发现google里面1000篇文章里面有999.99篇会让你使用 event.clientX+document.body.scrollLeft,event.clientY+document.body.scrollTop, 如果你发现你的鼠标定位偏离了你的想象,请不要奇怪,这是再正常不过的事情。
ie5.5之后已经不支持document.body.scrollX对象了。
所以在编程的时候,请加上这样的判断
if (document.body && document.body.scrollTop && document.body.scrollLeft)
{
top=document.body.scrollTop;
left=document.body.scrollleft;
}
if (document.documentElement && document.documentElement.scrollTop && document.documentElement.scrollLeft)
{
top=document.documentElement.scrollTop;
left=document.documentElement.scrollLeft;
- document.body.scrollTop为0的解决方案
- document.body.scrollTop为0的解决方案
- document.body.scrollTop值为0的解决方法
- document.body.scrollTop 值总为0的解决方法
- document.body.scrollTop值总为0的解决方法
- document.body.scrollTop 值总为0的解决方法
- document.body.scrollTop 值总为 0 的解决方法
- document.body.scrollTop值总为0的解决方法
- document.body.scrollTop 值总为 0 的解决方法
- document.body.scrollTop 值总为0的解决方法
- document.body.scrollTop 总为0 解决办法
- document.body.scrollTop值为0
- document.body.scrollTop,document.body.clientHeight的值为0的问题
- document.body.scrollTop,document.body.clientHeight的值为0的问题
- document.body.scrollTop总是0的原因
- document.body.scrollTop总是0的原因
- 火狐、谷歌、IE关于document.body.scrollTop和document.documentElement.scrollTop 以及值为0的问题
- 火狐、谷歌、IE关于document.body.scrollTop和document.documentElement.scrollTop 以及值为0的问题
- ubuntu12-04.64bit如何搭建eclipse+sdt环境
- TCP/IP和Socket 是什么关系?
- spring 事务传播属性
- Spring对Quartz的封装实现简单分析及使用注意事项
- 第二次实验作业
- document.body.scrollTop为0的解决方案
- 【Linux】Linux下解压命令大全
- QT https post请求 ssl
- 测试工作管理流程
- 各类数据结构的特点
- 动手学Android之十三——动起来
- 那些年从项目中走过——从完结的基于视频的车辆识别系统写起
- 快速排序
- Extjs学习笔记-1.TreePanel+TabPanel简单的树形菜单