定位参照点
offsetTop 的定位是相对于 offsetParent 元素的
offsetParent的定义:与当前元素最近的经过定位(position不等于static)的父级元素
类似于绝对定位的参照点。
三种情况:
- position为fixed时,offsetParent为null,offsettop的值和top相等。此时元素是以视口来定位的。
- position非fixed,父级元素无定位(static)时,offsetParent为body
- position非fixed,父级元素有定位时,offsetParent为最近的有定位的父级元素。
offsetTop, offsetLeft,offsetWidth,offsetHeight
offsetWidth: 元素的宽(不含margin)
offsetHeight: 元素的高(不含margin)
offsetLeft:距离 offsetParent 最左边的距离
scrollTop 和 scrollLeft
元素:内部出现滚动条的元素这两个参数会有值。
scrollHeight:整个元素的高度
scrollTop:向上滚动的高度
scrollLeft:向左滚动的高度
scrollWidth:整个元素的宽度
clientWidth 和 clientHeight
clientWidth:可视区域的宽
clientHeight:可视区域的高