js获取元素距离浏览器顶端的距离

JavaScript016

js获取元素距离浏览器顶端的距离,第1张

首先介绍几个属性(都是jquery的属性,可以免去兼容性的烦恼)

1. 网页被卷起来的高度/宽度(即浏览器上方隐藏的页面内容高度)

2. 浏览器工作区域的高度和宽度

3. 元素距离文档顶端和左边的偏移值

4. 页面的文档高度

参考文章 http://www.cnblogs.com/fnz0/p/5510758.html

滚动所隐藏的页面 document.body.scrollTop

元素所在的位置 offsetTop

元素与当前页面顶部的距离 offsetTop 减去 document.body.scrollTop