这篇文章上次修改于 980 天前,可能其部分内容已经发生变化,如有疑问可询问作者。

1.offsetparent

可以用来获取当前元素的定位父元素
会获取到当前元素最近的开启了定位的祖先元素
如果所有你的祖先元素都没有开启定位,则返回body

2.offsetleft

当前元素相对于其定位父元素的水平偏移量

offsetTop

当前元素相对于其定位父元素的垂直偏移量

3.clientWidth
clientHeight

两个属性可以获取元素的可见宽度和高度
这些属性都是不带px的,返回的是一个数字,可以直接进行计算
会获取元素的宽度和高度,包括内容区和内边距
这些属性都是只读的,不能修改

4.offserWidth
offsetHeight

获取元素的整个宽度和高度,包括内容区、内边距和边框

5.scrollWidth
scrollHeight

可以获取整个滚动区域的宽度和高度

6.scrollLeft:
scrollTop

可以获得水平或垂直滚动条的滚动距离

7.当满足scrollHeight - scrollTop == clientHeight

  或scrollWidth - scrollLeft == clientWidth
则说明垂直或水平滚动条已经滚动到底了