jQuery瀑布流加载更多数据

来源:互联网 发布:精通matlab混合编程 编辑:程序博客网 时间:2024/05/29 12:20

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

$(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 : 可视高度,即容器的高度。
0 0