分清clientY pageY screenY layerY o

在我们想要做出拖拽这个效果的时候，我们需要分清这几个属性的区别，这几个属性都是计算鼠标点击的偏移值，我们需要对其进行了解才可以继续实现我们的拖拽效果

1.clientY 指的是距离可视页面左上角的距离
2.pageY 指的是距离可视页面左上角的距离(不受页面滚动影响)
3.screenY 指的是距离屏幕左上角的距离
4.layerY 指的是找到它或它父级元素中最近具有定位的左上角距离
5.offsetY 指的是距离它自己左上角的距离

var dom = document.getElementById('id')
var sth = dom.getBoundingClientRect() // 里面装了很多东西