7.5 三大家族

1. offset 家族  A : offsetWidth  offsetHeight    是由 border + padding + 内容的width ,height  ;B: offsetLeft  offsetTop  是当前对象(盒子)距离第一个有定位的parent 左边 和 上边 的距离  

2: event.clientX   是以(固定定位)可视区域的左上角 坐标为圆点 ; A : clientWidth  clientHeight    是由padding + 内容的width  height  B:clientLeft   clientTop  是当前盒子的左边框 和 右边框   的值, 与其他无关 .

3: A : scrollWidth  是滚动的内容的宽度(包括border的值) ;  scrollHeight  是高度 (包含内容多出盒子的部分) ;

B : 最主要 并经常用的部分 : scrollLeft  scrollTop   指的是  滚动内容偏离左边 和头部的距离 

C: scrollTo (x,y)  指的是内容滚动的坐标,给内容滚动到具体的某个点,它不需要调用也可以  参数 分别是  x  y  坐标点 如