浏览器 偏移量、尺寸、视口大小

浏览器内宽高

相对偏移

.offsetParent   离当前节点最近的，且具有定位的包含当前元素的元素
.offsetTop		当前元素外边框距离父元素顶部不包括边框的距离,没有时返回null
.offsetLeft		当前元素外边框距离父元素左不包括边框的距离,没有时返回null

• 获取元素距离顶部的距离

getElementTop(element) {
  var actualTop = element.offsetTop;    //这是获取元素距父元素的的距离
  var current = element.offsetParent;   //这是获取父元素
  while (current !== null) {      //当它上面有元素时就继续执行
    actualTop += current.offsetTop;   //这是获取父元素距它的的父元素左上角的距离
    current = current.offsetParent;
  }
  return actualTop;   
}

鼠标坐标

e.clientX        鼠标相对于浏览器（这里说的是浏览器的有效区域）左上角x轴的坐标；  不随滚动条滚动而改变；

e.clientY        鼠标相对于浏览器（这里说的是浏览器的有效区域）左上角y轴的坐标；  不随滚动条滚动而改变；

e.pageX        鼠标相对于浏览器（这里说的是浏览器的有效区域）左上角x轴的坐标；  随滚动条滚动而改变；

e.pageY        鼠标相对于浏览器（这里说的是浏览器的有效区域）左上角y轴的坐标；  随滚动条滚动而改变；

e.screenX     鼠标相对于显示器屏幕左上角x轴的坐标；  

e.screenY      鼠标相对于显示器屏幕左上角y轴的坐标；  

e.offsetX        鼠标相对于当前元素左上角X轴的坐标

e.offsetY        鼠标相对于当前元素左上角Y轴的坐标