获取盒子的位置信息以及尺寸信息
elementNode.getBoundingClientRect();
盒子更多尺寸及位置信息:
offsetWidth:本身宽度+边框线+左右内边距;-outerWidth()
offsetHeight:本身高度+边框线+上下内边距;-outerHeight()
offsetTop:相对有定位属性的父节点上偏移量;
offsetLeft:相对有定位属性的父节点左偏移量;
clientWidth:本身的宽度+左右内边距; -innerWidth()
clientHeight:本身的高度+上下内边距; -innerHeight()
clientTop:上边框线的宽度;----border-top
clientLeft:左边框线的宽度;----border-left
scrollWidth:盒子的实际宽度(包括不可见部分,不包括边线); -innerWidth()
scrollHeight:盒子的实际高度(包括不可见部分,不包括边线); -innerHidth()
scrollTop:滚动条向下滚动的距离;
scrollLeft:滚动条向右滚动的距离;
window.innerHeight:浏览器窗口可见区域高度;
window.innerWidth:浏览器窗口可见区域宽度;