jQuery瀑布流加载更多数据

前段时间，项目中用到了瀑布流加载更多数据，主要代码如下：

$(window).scroll(function () {
    var contentH = $(document).height();    //内容高度
    var scrollH = $(this).scrollTop();    //滚动高度
    var viewH = $(this).height();    //可视高度
    if(contentH-viewH-scrollH<100){    //当滚动条距离底部高度<100px
        alert('滚动条距离底部不到100啦！');
        //此处是滚动条距离底部100px时触发的事件，在这里写要加载的数据，或者是其他操作，我用了alert进行代替
    }
});

注释：

1. contentH ： 内容高度，即已经加载的内容的高度；
2. scrollH ： 滚动高度，即滚动条滚动的距离；
3. viewH : 可视高度，即容器的高度。