首页 > 其他 > 详细

瀑布流的原理

时间:2016-03-09 10:53:45      阅读:464      评论:0      收藏:0      [点我收藏+]

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

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

昨天花近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;

滚动条件:  “卷”起来的高度值 >  整个页面的高度-   可见区域高度

 

看看代码就明白了。

 

瀑布流的原理

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!