js中offset系列、client系列、scroll系列和screen系列详解

感冒的梵高 • • 好物分享

1. offset系列
element.offsetTop: 返回元素距离带有定位的父元素的顶部的距离，如果所有父级元素没有则默认为浏览器的body区域；element.offsetLeft: 返回元素距离带有定位的父元素的左侧的距离，如果所有父级元素没有则默认为浏览器的body区域；element.offsetWidth: 返回元素大小，元素内容宽度 + padding值 + border值；element.offsetHeight: 返回元素大小，元素内容高度 + padding值 + border值；