offset系列 + scroll系列 + 冒泡问题

1、offset系列包括offsetTop，offsetLeft，offsetHeight，offsetWidth；

• offsetHeight 和 offsetWidth ：获取到的宽高包括padding的值；
• offsetLeft 和 offsetTop ：
  • 在同一层（是否脱离文档流）获取距离父元素 left 和 top 的值
  • 包括自身的margin值
  • 如果是嵌套标签，子元素还应包括父元素的padding值

2、scrollTop 和 scrollLeft在获取的时候要注意浏览器兼容问题，可以用一下代码兼容：

var theTop = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop || 0；

3、元素嵌套之后，给父元素和子元素都设置了事件触发的话会出现冒泡现象，在子元素事件被触发时，父元素事件也被触发。可用一下方法解决：

• 在子元素的触发执行代码最后加上 return false；
  （会阻值默认行为，如a标签的超链接跳转）
• 给子元素加上 event.stopPropagation() （不会阻值默认行为）;