document.documentElement.scrollTop
来源:互联网 发布:软件系统架构工资 编辑:程序博客网 时间:2024/04/28 19:39
要获取当前页面的滚动条纵坐标位置,用:
document.documentElement.scrollTop;
而不是:
document.body.scrollTop;
documentElement 对应的是 html 标签,而 body 对应的是 body 标签。
在标准w3c下,document.body.scrollTop恒为0,需要用document.documentElement.scrollTop来代替;
如果你想定位鼠标相对于页面的绝对位置时,你会发现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.documentElement.scrollTop;
而不是:
document.body.scrollTop;
documentElement 对应的是 html 标签,而 body 对应的是 body 标签。
在标准w3c下,document.body.scrollTop恒为0,需要用document.documentElement.scrollTop来代替;
如果你想定位鼠标相对于页面的绝对位置时,你会发现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.documentElement.scrollTop
- 关于document.documentElement.scrollTop
- document.documentElement.scrollTop || document.body.scrollTop;
- document.documentElement.scrollTop || document.body.scrollTop;
- document.documentElement.scrollTop与document.body.scrollTop
- document.body.scrollTop与documentElement.scrollTop
- js scrollTop兼容性问题--document.body.scrollTop与document.documentElement.scrollTop
- 解决scrollTop兼容问题 document.documentElement.scrollTop || document.body.scrollTop
- 今晚作业:document.documentElement.scrollTop + document.body.scrollTop
- document.body.scrollTop与document.documentElement.scrollTop兼容
- document.body.scrollTop与document.documentElement.scrollTop兼容
- document.body.scrollTop||document.documentElement.scrollTop的意思
- document.documentElement.scrollTop || document.body.scrollTop问题分析
- 关于document.documentElement.scrollTop和document.body.scrollTop的区别
- document.body.scrollTop与document.documentElement.scrollTop兼容
- document.body.scrollTop与document.documentElement.scrollTop兼容
- document.body.scrollTop与document.documentElement.scrollTop兼容
- document.body.scrollTop与document.documentElement.scrollTop区别
- 计算MD5值的方法
- C 中 extern 和 static
- flash actionscript 3.0 publish h264 stream
- 【C++ Primer】深度解析struct --面试常见题
- 头文件的用途和结构
- document.documentElement.scrollTop
- windows socket 通信(仅限局域网)
- 1天学习1个类库 MKMapView Overlay示例
- 给 UITableView 添加“下拉刷新(Pull-refresh)”属性
- 体验css+div 之 实现简单浮动层的基本方法
- peoplesoft youtube
- 安装Oracle Linux错误ide:failed opcode was 0xef
- 关于 UnixDomaiSocket 中 send(; ; ; ) 的第二个参数使用 char *str 的可行性验证
- 2012.6.7文件序列化/反序列化