scroll操作

1. 获取屏幕的高度viewHeight： document.documentElement.clientHeight;

2. 获取滚动条的高度scrollTop:  document.documentElement.scrollTop || document.body.scrollTop;（这里的滚动条的高度指的是元素滚出documentElement上方的高度）

3. 获取滚动元素的高度: document.body.scrollHeight;

一般情况下，也就是没有下载加载的情况 scrollTop + viewHeight = document.body.scrollHeight;

触发下拉加载的条件一般是这样设置： scrollTop + viewHeight >= document.body.scrollHeight;

 

 

关于pageX pageY clientX clientY screenX screenY offsetX offsetY的理解

1. screen 相当于对于桌面做的固定定位， 说白了坐标大小只与桌边做比较跟其他的元素没有关系（滚动条 document 窗口放大或者缩小）

2. client 事件发生点具体窗口的位置， 相当于对窗口做的固定定位 与滚动条无关

3. page = client + 滚动条滚出的位置 （跟滚动条有关系，滚动条滚出的越远，坐标越大）

4. offset 事件发生点在该事件发生模型中的坐标位置