【document.body.scrollTop】的更多相关文章

火狐、谷歌、IE关于document.body.scrollTop和document.documentElement.scrollTop 以及值为0的问题

一.先遇到document.body.scrollTop值为0的问题 做页面的时候可能会用到位置固定的层,读取document.body.scrollTop来设置层的位置,像这样, window.onscroll=function () { var oId=document.getElementByIdx_x("id"); oId.style.top=document.body.scrollTop+"px"; } 可是怎么没有达到预期效果呢,输出document.b…

document.body.scrollTop用法

网页可见区域宽: document.body.clientWidth;网页可见区域高: document.body.clientHeight;网页可见区域宽: document.body.offsetWidth    (包括边线的宽);网页可见区域高: document.body.offsetHeight   (包括边线的宽);网页正文全文宽: document.body.scrollWidth;网页正文全文高: document.body.scrollHeight;网页被卷去的高: docum…

document.documentElement.scrollTop || document.body.scrollTop

如果有doctype的声明,需要用document.documentElement.scrollTop没有doctype的声明,用document.body.scrollTop…

document.body.scrollTop

标准浏览器:document.documentElement.scrollTop; 谷歌浏览器:document.body.scrollTop; var scrollTop = document.documentElement.scrollTop || document.body.scrollTop;…

document.body.scrollTop or document.documentElement.scrollTop

  用Javascript获取DOM节点相对于页面的绝对坐标时,需要计算当前页面的滚动距离,而这个值的获取又取决于浏览器. 在Firefox或Chrome浏览器的控制台可以查看document.body 对应于页面中 <body></body>部分的元素,而document.documentElement则相当于整个HTML,说明浏览器在解释渲染后的页面位置范围是存在不同的,FF.Opera和IE浏览器认为在客户端浏览器展示的页面的内容对应于整个HTML,所以使用document.…

document.body.scrollTop 各浏览器兼容性解决

document.compatMode:获取当前浏览器采用的渲染方式.主要是浏览器的模式,有两个:BackCompat,CSS1Compat.其中前者是怪异模式,后者是标准模式. IE默认是BackCompat模式,Gecko内核的浏览器只在table中图片层上不同,可以认为CSS1Compat标准模式document.compatMode等于BackCompat时,浏览器客户区宽度是document.body.clientWidth:  当document.compatMode等于CSS1Co…

关于js中 document.body.scrollTop 不能返回正确值的原因

本来是为了通过document.body.scrollTop来获取浏览器垂直滚动条向下滚动的像素,但是不管滚动条在什么位置总是返回是0,造成这样的原因和html的头部声明有关,如果头部声明 为:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">,这样肯定得到的结果是 0,如果该为<!DOCTYPE…

document.body.scrollTop vs document.documentElement.scrollTop

window.addEventListener("scroll", function () { if (document.body.scrollTop >= window.innerHeight) { document.getElementById("top_back").style.display = "block"; } else { document.getElementById("top_back").style…

document.body.scrollTop vs document.documentElement.scrollTop && document.body.scrollHeight vs document.documentElement.scrollHeight

FireFox下 document.body.scrollHeight || document.documentElement.scrollHeight;//等价 document.body.scrollTop || document.documentElement.scrollTop; //不等价…

document.body.scrollTop与document.documentElement.scrollTop兼容

这两天在写一个JS的网页右键菜单,在实现菜单定位的时候发现了这个问题:chrome居然不认识document.documentElement.scrollTop! 看前辈们的文章,纷纷表示如果有文档声明(即网页第一句的docType)的情况下,标准浏览器是只认识documentElement.scrollTop的,但chrome虽然我感觉比firefox还标准,但却不认识这个,在有文档声明时,chrome也只认识document.body.scrollTop. 由于在不同情况下,document…