Offset,Scroll和Client三大系列总结
offset系列 | scroll系列 | client系列 |
---|---|---|
offsetWidth | scrollWidth | clientWidth |
offsetHeight | scrollHeight | clientHeight |
offsetLeft | scrollLeft | clientLeft |
offsetTop | scrollTop | clientTop |
offsetParent | — | — |
说明:
@ offsetWidth和offsetHeight: width/height + padding + border;
@ offsetParent: 有定位的上一级父盒子,如果都没有定位会一直找到body
@ offsetTop和offsetLeft: 是盒子的border到上一级定位父盒子(也就是offsetParent)的距离