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 事件发生点在该事件发生模型中的坐标位置
