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

摘要:
要获取当前页面的滚动条纵坐标位置,用:document.documentElement.scrollTop;而不是:document.body.scrollTop;documentElement对应的是html标签,而body对应的是body标签。在标准w3c下,document.body.scrollTop恒为0,需要用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;(||这个是定义时必须加的或者而不是定义时的另一种写法)

免责声明:文章转载自《document.documentElement.scrollTop(获取滚动条位置)》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇Linux NFS 详解DataGridView的DataGridViewComboBoxColumn列点击一次下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

使用jQuery对图片进行居中设置

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> body { height...

关于使用JQ scrollTop方法进行滚动定位

没图我说个锤子,先来个自拍镇楼。 又到了每周周五总结时间。我广州刘德华又来讲故事了。这一周没啥任务,就一个任务,产品口头交代了两句,也没有psd没有设计图没有样式。自由发挥,你自己敲代码做个作品出来。 what?听到这个的时候我是一脸懵逼。我心里很慌,难道我资深射鸡湿和灵魂画家的身份暴露了?心里不禁感叹,唉,是金子哪里都会发光。 扯太远了,先来总结一下今...

网页各类宽高

1、window.innerHeight 浏览器窗口的视口(viewport)高度(以像素为单位),如果存在水平滚动条,则包括它。 console.log(window.innerHeight); 2、window.outerHeight 获取整个浏览器窗口的高度(单位:像素),包括侧边栏(如果存在)、窗口镶边(window chrome)和窗口调正边框(...

页面回到顶部的三种实现(锚标记,js)

本文不再介绍,大家根据自己需要选择其中的一种即可,总之简约最美的,能减少代码就减少代码,能不调用的就别调用,要不是天缘博客的文章都是牛长也不会添加这个功能. 本文介绍三款简单的返回页面顶部代码,可以使用简单的HTML(http://www.jb51.net/web/62651.html) 锚标记,也可使用Javascript Scroll (http://...

javascript中top、clientTop、scrollTop、offsetTop的讲解

下面结合各上图介绍一下各个属性的作用:一.offsetTop属性:此属性可以获取元素的上外缘距离最近采用定位父元素内壁的距离,如果父元素中没有采用定位的,则是获取上外边缘距离文档内壁的距离。所谓的定位就是position属性值为relative、absolute或者fixed。返回值是一个整数,单位是像素。此属性是只读的。二.offsetLeft属性...

scrollTop、scrollLeft、scrollWidth、scrollHeight原理使用介绍

上面是一个网页,由于窗口大限的限制,没有完全显示出来,没有显示出来的,用阴影标注了。 上阴影就是 scrollTop; 上阴影 + 白的 + 下阴影就是 scrollHeight。 scrollTop 是“卷”起来的高度值,示例: <div id="p"><div id="t">如果为 p 设置了 scrollTop,这些内...