持续创作，加速成长！这是我参与「掘金日新计划 · 6 月更文挑战」的第8天，点击查看活动详情

client相关属性

clientHeight 属性是一个只读属性，它返回该元素的像素高度，高度包含内边距（padding），不包含边框（border），外边距（margin）和滚动条，是一个整数，单位是像素 px。

clientWidth 属性是一个只读属性，它返回该元素的像素宽度，宽度包含内边距（padding），不包含边框（border），外边距（margin）和滚动条，是一个整数，单位是像素 px。

clientTop 表示一个元素的顶部边框的宽度，以像素表示。

clientLeft 表示一个元素的左侧边框的宽度，以像素表示。

offset相关属性

offsetParent 返回元素的被定位的最近祖先元素，设置了postion属性

offsetHeight 属性是一个只读属性，它返回该元素的像素高度，高度包含内边距（padding）和边框（border），不包含外边距（margin），是一个整数，单位是像素 px。

offsetWidth 属性是一个只读属性，它返回该元素的像素宽度，宽度包含内边距（padding）和边框（border），不包含外边距（margin），是一个整数，单位是像素 px。

offsetTop 返回元素相对于offsetParent元素的距离，包含元素的margin-top和offsetParent元素的padding-top

offsetLeft 返回元素相对于offsetParent元素的距离，包含元素的margin-left和offsetParent元素的padding-left

scrollHeight 属性是一个只读属性，它返回该元素的像素高度，高度包含内边距（padding），不包含外边距（margin）、边框（border），是一个整数，单位是像素 px。

scrollWidth 属性是一个只读属性，它返回该元素的像素宽度，宽度包含内边距（padding），不包含外边距（margin）、边框（border），是一个整数，单位是像素 px。

scrollTop 属性表示被隐藏在内容区域上方的像素数

scrollLeft 属性表示被隐藏在内容区域左侧的像素数

当滚动条滚动到内容底部时scrollHeight == scrollTop + clientHeight