用 document.body.scrollTop,document.body.scrollLeft 总是零的原因

最新推荐文章于 2021-11-15 12:55:09 发布
最新推荐文章于 2021-11-15 12:55:09 发布
阅读量185 收藏
点赞数
分类专栏： 异常处理 文章标签： XHTML HTML
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/raik25/article/details/83670159
版权

如果顶部申明

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

 


document.body.scrollTop
要改成
document.documentElement.scrollTop

 用下面的就可以在鼠标的下面提示一个小框框:

1.//view_window_test 是对像的id   
2.//Temo_width 是弹出的DIV的宽度   
3.// 20 是 弹出的DIV的高度   
4.  
5.view_window_test.style.left= event.clientX + document.documentElement.scrollLeft - Temo_width/2;   
6.view_window_test.style.top= event.clientY + document.documentElement.scrollTop + 20;

 

 

IE5与IE6的区别：

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);

zhw2527
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
用document.documentElement取代document.body的原因分析
09-05
总的来说，使用 `document.documentElement` 取代 `document.body` 是为了在不同浏览器和DOCTYPE声明下获取更准确、更一致的页面尺寸和位置信息，特别是在处理滚动行为和可视区域时。开发者应当了解这两个对象的区别...
由document.body和document.documentElement想到的
09-06
4. `document.body.scrollTop`和`scrollLeft`分别表示垂直和水平方向上的滚动量。 此外，`window`对象提供了与屏幕和浏览器窗口相关的属性，例如`screenTop`、`screenLeft`、`screen.height`和`screen.width`，这些...
document.body.scrollLeft和document.body.scrollTop
no money,no women!
05-21 244
document.body.scrollLeft   设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离。   document.body.scrollTop   设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离 document.all.itemopenmenu.style.display == "" 这两句不可以分开来理解，合到一块其实就是document.a...
document.body.scroll
qq_42946917的博客
06-25 770
网页可见区域宽： document.body.clientWidth; 网页可见区域高： document.body.clientHeight; 网页可见区域宽： document.body.offsetWidth (包括边线的宽); 网页可见区域高： document.body.offsetHeight (包括边线的宽); 网页正文全文宽： document.body.scrollWi...
document.documentElement.scrollLeft 与document.body.scrollTop区别
suxue1994的博客
03-01 4702
问题描述 针对获取页面的垂直滚动条的位置，IE Firefox Opera 标准模式下使用 document.documentElement.scrollLeft 获取页面的水平滚动条位置，而混杂模式下则是使用 document.body.scrollLeft。Chrome Safari 在两种文档模式下均使用 document.body.scrollLeft 获取页面...
document.body.offsetWidth 网页可见区域高宽，offset、client、scroll使用方法详解，页面位置距离
ole_triangle_java的博客
01-17 5957
网页可见区域宽：document.body.clientWidth 网页可见区域高：document.body.clientHeight 网页可见区域宽：document.body.offsetWidth (包括边线的宽) 网页可见区域高：document.body.offsetHeight (包括边线的宽) 网页正文全文宽：document.body.scrollWidth 网页正文全
document.body.scrollTop的值总为零的解决办法
weixin_42929937的博客
11-15 1910
1. 在模拟点击返回顶部按钮，页面就会滑动到顶部，但是在获取页面卷去头部的大小时，document.body.scrollTop总是为0. 后面尝试用了document.documentElement.scrollTop就可以获得被卷去的头部。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible
javascript document.compatMode兼容性
10-29
document.body.scrollLeft : document.documentElement.scrollLeft; var sTop = document.documentElement.scrollTop == 0 ? document.body.scrollTop : document.documentElement.scrollTop; } ``` 这段代码首先...
document.compatMode的CSS1compat使用介绍
09-04
`document.compatMode` 是一个在JavaScript中用于检测浏览器渲染页面所使用的渲染模式的属性。这个属性可以帮助开发者了解浏览器是否按照W3C的标准（CSS1Compat）还是非标准（BackCompat，也称为Quirks Mode）来解析...
doctype后如何获得body.clientHeight的方法
12-02
在ie6中很多js脚本执行就会出现问题，一般是在获取clientWidth, clientHeight,offsetWidth, offsetHeight,scrollWidth, scrollHeight,scrollTop, scrollLeft会返回不正确的值。 因为在加了doctype后，在ie6中...
document.body.scrollTop用法
12-16
document.body.scrollTop用法
scrollLeft,scrollTop等等详解.pdf
02-23
网页可见区域宽： document.body.clientWidth; 网页可见区域高： document.body.clientHeight; 网页可见区域宽： document.body.offsetWidth (包括边线的宽); 网页可见区域高： document.body.offsetHeight (包括边线的宽); 网页正文全文宽： document.body.scrollWidth; 网页正文全文高： document.body.scrollHeight; 网页被卷去的高： document.body.scrollTop; 网页被卷去的左： document.body.scrollLeft; 网页正文部分上： window.screenTop; 网页正文部分左： window.screenLeft; 屏幕分辨率的高： window.screen.height; 屏幕分辨率的宽： window.screen.width; 屏幕可用工作区高度： window.screen.availHeight; 屏幕可用工作区宽度：window.screen.availWidth;
document.body属性.document.body.scrollTop
04-18
NULL 博文链接：https://lingf.iteye.com/blog/1852295
document.body.scrollLeft的兼容方法
zeyu1021的专栏
05-05 1407
function getScrollXY(){ var x,y; if(document.body.scrollTop){ x=document.body.scrollLeft; y=document.body.scrollTop; } else{ x=document.documentElement.scrollLeft; y=document.documentElement.s
查看滚动条的滚动距离：X轴：window.pageXOffset、... Y轴：window.pageYOffset、...。 封装兼容性方法，求滚动轮滚动距离getScrollOffset()
JEFF_xieyuzhi的博客
09-26 857
查看滚动条的滚动距离： X轴： window.pageXOffset、 document.body.scrollLeft、 document.documentElement.scrollLeft Y轴： window.pageYOffset、 document.body.scrollTop、 document.documentElement.scrollTo...
js返回顶部和document.body.scrollTop用法
06-15 5353
document.body.scrollTop用法 网页可见区域宽： document.body.clientWidth; 网页可见区域高： document.body.clientHeight; 网页可见区域宽： document.body.offsetWidth    (包括边线的宽); 网页可见区域高： document.body.offsetHeight   (包括边线的宽);
ie中关于document.body.scrollLeft总是0的原因
逸雨涵梦的专栏
09-24 2556
凡是页面顶部声明为： DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"  "http://www.w3.org/TR/2000/REC-xhtml1-20000126/DTD/xhtml1-transitional.dtd">    的情况下，document.body要改为document.documentElem
帮我优化以下代码<div ID="ABC" onmousemove="showPreview(event, this)" onmouseout="hidePreview()"> <!-- 需要显示预览内容的DIV --> <p>预览内容123123</p> </div> <div id="preview" style="display:none; position:absolute;"> <!-- 预览浮窗 --> </div> <script> function showPreview(event, element) { // 获取需要预览的内容 var previewContent = element.innerHTML; // 设置预览浮窗内容 previewElement.innerHTML = previewContent; // 设置预览浮窗位置 var left = event.clientX + "px"; var top = event.clientY + "px"; if (document.documentElement && document.documentElement.scrollTop) { left = event.clientX + document.documentElement.scrollLeft + "px"; top = event.clientY + document.documentElement.scrollTop + "px"; } else if (document.body) { left = event.clientX + document.body.scrollLeft + "px"; top = event.clientY + document.body.scrollTop + "px"; } previewElement.style.left = left; previewElement.style.top = top; // 显示预览浮窗 previewElement.style.display = "block"; } </script>
最新发布
05-27
left = event.clientX + document.body.scrollLeft + "px"; top = event.clientY + document.body.scrollTop + "px"; } previewElement.style.left = left; previewElement.style.top = top; // 显示预览浮窗 ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值