瀑布流的原理

最新推荐文章于 2023-04-18 15:33:15 发布

weixin_30338743

最新推荐文章于 2023-04-18 15:33:15 发布

阅读量62

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/zhangyabin---acm/p/5257006.html

以前写过瀑布流，但对于其中某些概念和一些细节一直没理清，导致写代码时一直心存疑虑。没法用准确的代码来描述。

仅仅停留在我的代码能运行，但出了问题不好查。

昨天花近2小时理清了。

var wuyu=1;
.
.
.
function roll(){
    //scrollTop “卷”起来的高度值
    var sTop = document.body.scrollTop || document.documentElement.scrollTop;    //获取位于对象最顶端和窗口中可见内容的最顶端之间的距离
    var cHeight = document.documentElement.clientHeight;    //可见区域高度
    var dHeight = $(document).height();    //是获取整个页面的高度
    if (sTop >= (dHeight - cHeight)  && wuyu==1 ) {
        pindex++;
        getMessage(pindex);
        wuyu=0;
    }
    
}
window.onscroll=roll;