1、注意兼容性

获取body元素的滚动距离var scrollTop = document.body.scrollTop || document.documentElement.scrollTop;

1. chrome要使用documentElement获取的是html元素

滚动加载代码

if(window.innerHeight+window.scrollY > document.documentElement.clientHeight)

1. window.innerHeight是视口高度，window.scrollY是滚动的距离
2. clientTop是元素上边框的高度
3. clientHeight是元素的内容+padding高度
4. scrollTop是元素内部滚动条滚动距离，可以设置属性element.scrollTop设置滚动到哪里

window对象属性

1. innerHeight-包括
2. document代表当前文档对象，documentElement是其一个属性，是html元素的引用