直接上内容：
首先肯定要思考怎么判断滚动条是否滚动到了底部，要判断滚动条是否滚动到底部需要用到三个属性clientHeight、scrollTop、scrollHeight，这三个属性分别代表了当前浏览器可视界面的高度、滚动条滚动过的距离（也就是当前body滚动过的距离）、可以滚动的距离（当前body的的高度，此处所指的高度不是说的位置而是一个长度）。
明白了这三个属性的意义，接下来的事情就好办了，如果画一个图的话可以清楚的发现当滚动条滚到底部的时候，滚动条滚动过的距离 + 浏览器可视界面的高度 = 可以滚动的距离。这样条件就出来了 clientHeight + scrollTop == scrollHeight。然后就可以在window的滚动事件里边添加判断语句了。上代码：
window.onscroll =function() {// console.log("1:" + $(document).scrollTop());console.log(window.innerHeight);//在谷歌浏览器中请使用 innerHeight以替换clientHeightconsole.log($(document).scrollTop());console.log(document.body.scrollHeight);//以上三个属性打印出来之后当滚动条滚到底部 1 + 2 = 3。if(window.innerHeight+$(document).scrollTop() ==document.body.scrollHeight){addChildTimer = setInterval(addItems, 500);//滚动完之后的下拉加载，此处只是做了一个简单的实现添加了十个元素。}};functionaddItems() {for(vari =0; i < 10; i ++)$('#content').append('<li style="float: none;"><a href="#">'+'二级栏目'+'</a></li>');clearInterval(addChildTimer);}
