码迷,mamicode.com
首页 > 其他好文 > 详细

瀑布流的原理

时间:2016-03-09 10:54:48      阅读:109      评论: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
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!