关于滑动到底部自动加载的介绍

回想前一阵子，做到手机端的一个列表展示，数据量大时，为了不影响用户体验，决定先默认加载十条数据，然后滑动到底部在加载接下来的十条，这里就需要用到捕获滑动到底部的触发事件。

本来还想着偷下懒，结果在网上找了十多篇相关文章对我都没什么用处，那些文章一般是这样的：

开始捕获滚动条滚动事件：$("#shanghuajiazai").scroll(function(){});//通过id捕获有滚动条的元素

先获取浏览器可视高度 ：var windowHeight = $(window).height();//这个是固定的

再获取文档高度：var documentHeight = $(document).height();

接着获取滚动高度：var documentTop = $(document).scrollTop();

接下来再做个比较在执行相关操作：

if(documentTop >= (documentHeight-windowHeight)){
//执行相关操作