document.documentElement.scrollTop(获取滚动条位置)

要获取当前页面的滚动条纵坐标位置,用:
document.documentElement.scrollTop;
而不是:
document.body.scrollTop;
documentElement 对应的是 html 标签,而 body 对应的是 body 标签。

在标准w3c下,document.body.scrollTop恒为0,需要用document.documentElement.scrollTop来代替;

一般在定义时,代码如下:

var scrollTop=document.documentElement.scrollTop||document.body.scrollTop;

时间: 2024-10-14 12:43:25

document.documentElement.scrollTop(获取滚动条位置)的相关文章

document.documentElement.scrollTop

要获取当前页面的滚动条纵坐标位置, 用:      document.documentElement.scrollTop; 而不是:      document.body.scrollTop; documentElement 对应的是 html 标签,而 body 对应的是 body 标签. 在标准w3c下,document.body.scrollTop恒为0,需要用document.documentElement.scrollTop来代替    如果你想定位鼠标相对于页面的绝对位置时,你会发现

javascript获取滚动条位置(兼容所有浏览器)

有两种方式来获取浏览器滚动条的位置 第一种:document.documentElement.scrollTop 第二种:$("body").scrollTop() 第一种方式能够兼容FireFox和IE,但是chrome下取的值永远是0,而第二种能够兼容Chrome,但在IE和FireFox下取的值永远是0 所以最准确取位置的方法是: if($.browser.webkit) { scTop = $("body").scrollTop(); }else { scT

火狐、谷歌、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

top:expression(eval(document.documentElement.scrollTop));

top:定义元素顶部在页面中的位置: expression:css中引用javascript的属性: document.documentElement.scrollTop:页面滚动条纵向位置坐标(documentElement是对于html标签,针对body标签的是body). ps--外话一句,在加了DTD的标准化W3C下,document.body.scrollTop恒为0,需要用document.documentElement.scrollTop代替(ie和firefox确实如此).但是我

document.body.scrollTop or document.documentElement.scrollTop

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

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

项目中遇到这个小问题,看到有前辈总结,借来用一下 document.body.scrollTop与document.documentElement.scrollTop兼容 这两天在写一个JS的网页右键菜单,在实现菜单定位的时候发现了这个问题:chrome居然不认识document.documentElement.scrollTop! 看前辈们的文章,纷纷表示如果有文档声明(即网页第一句的docType)的情况下,标准浏览器是只认识documentElement.scrollTop的,但chrom

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

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

document.body 与 document.documentElement区别介绍

什么是document.body? 返回html dom中的body节点 即<body> 什么是 document.documentElement? 返回html dom中的root 节点 即<html> document.documentElement 与 document.body的应用场景 获取 scrollTop 方面的差异 在chrome(版本 52.0.2743.116 m)下获取scrollTop只能通过document.body.scrollTop,而且DTD是否存

jquery ,Javascript 获取滚动条高度和位置, 元素距页头高度

jQuery写法: 获取览器显示区域的高度 : $(window).height();  获取浏览器显示区域的宽度 :$(window).width(); 获取页面的文档高度 :$(document).height(); 获取页面的文档宽度 :$(document).width(); 获取滚动条到顶部的垂直高度 :$(document).scrollTop()=$(window).scrollTop() 获取滚动条到左边的垂直宽度 :$(document).scrollLeft()=$(wind