document.body.scrollTop总是0的原因
来源:互联网 发布:脉冲治疗仪有用吗 知乎 编辑:程序博客网 时间:2024/05/15 18:07
最近写了一个拖动层的HTML页面, 需要获取滚动条当前的位置.
于是我使用document.body.scrolltop获取y方向滚动的位置...奇怪的事情出现了! 无论滚动条怎么滚动, document.body.scrolltop竟然一直都是0!
对比以前写的一个页面.发现区别很小. 旧页面却没有问题.这就怪了...
我开始一点一点的排除,去掉多于的代码. 直到我去掉文档最顶部的
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
页面此时才正常.
原来是这行东西造成IE无法获取document.body.scrolltop!
把顶部这两行删掉将可以了.但是为什么会这样呢?
google一下,发现改成:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
就可以了,但页面稍有变化,感觉不爽,于是又在google里找,终于解决:
var scrollPos;
if (typeof window.pageYOffset != 'undefined')
...{
scrollPos = window.pageYOffset;
}
else if (typeof document.compatMode != 'undefined' && document.compatMode != 'BackCompat')
...{
scrollPos = document.documentElement.scrollTop;
}
else if (typeof document.body != 'undefined')
...{
scrollPos = document.body.scrollTop;
}
alert(scrollPos);
if (typeof window.pageYOffset != 'undefined')
...{
scrollPos = window.pageYOffset;
}
else if (typeof document.compatMode != 'undefined' && document.compatMode != 'BackCompat')
...{
scrollPos = document.documentElement.scrollTop;
}
else if (typeof document.body != 'undefined')
...{
scrollPos = document.body.scrollTop;
}
alert(scrollPos);
document.body.scrollTop
要改成
document.documentElement.scrollTop
- document.body.scrollTop总是0的原因
- document.body.scrollTop总是0的原因
- document.body.scrollTop总是零的原因
- document.body.scrollTop总是零的原因
- document.body.scrollTop总是零的原因
- document.body.scrollTop总是零的原因
- document.body.scrollTop总是零的原因
- document.body.scrollTop总是零的原因
- document.body.scrollTop总是零的原因
- document.body.scrollTop总是零的原因
- document.body.scrollTop总是零的原因
- document.body.scrollTop总是零的原因,document.body.clientHeight
- 用document.body.scrollTop总是零的原因
- 解决document.body.scrollTop总是零的问题
- ie中关于document.body.scrollLeft总是0的原因
- 深入理解为什么document.body.scrollTop总是0呢?
- document.body.scrollTop为0的解决方案
- document.body.scrollTop为0的解决方案
- WEB漏洞挖掘技术
- 快速关闭端口防止病毒与黑客入侵
- 读书摘要—C缺陷与陷阱
- document.execCommand()用法说明 -[zt]范圣帅'blog
- 表变量的性能差异,表变量的妙用
- document.body.scrollTop总是0的原因
- 数据库应用最基础知识!
- 终于赶上Vista Sidebar Gadgets大赛了
- 木马加壳为什么躲不过内存查毒?
- .Net平台开发的技术规范与实践精华总结
- 北电CEO--MikeZafirovski
- 黑客知识之浅析木马服务端的生成技术
- 北电网络的业务主攻方向[zz]
- 十类千万不能使用的密码