DOM元素offsetXXX的理解

• offsetXXX的作用
  • 当需要将子元素A滚动到父元素容器的最XXX（top）位置时，滚动距离可以使用offsetXXX（offsetTop）
• 以offsetTop为例介绍
  • offsetParent
    • offsetParent属性指向元素的偏移容器。
    • 元素的偏移容器是距离该子元素最近的且进行过定位（position非static）的祖先元素，如果都不存在定位，那么指向body元素。
  • offsetTop
    • offsetTop返回元素到offsetParent顶部的距离。
  • 注意点
    • 只有元素渲染完成才会计入offsetTop。