pageX,clientX,offsetLeft,scrollLeft的区别
1、pageX / pageY
- pageX / pageY的值为鼠标相对于document的距离，即网页左上角的位置
2、clientX / clientY
- clientX / clientY的值为鼠标相对于浏览器可视区域左上角的距离
3、offsetLeft / offsetTop
- offsetLeft / offsetTop的值元素距离offsetParent左上角的水平/垂直距离
- offsetParent 距离元素最近的前代定位元素，如果前代元素没有定位，则得到body或者html元素
4、scrollLeft / scrollTop
- scrollLeft / scrollTop的值为元素滚动出该元素可视范围的水平距离 / 垂直距离，通常配合overflow:hidden 使用