Heim >Web-Frontend >js-Tutorial >jquery简单瀑布流实现原理及ie8下测试代码_jquery

jquery简单瀑布流实现原理及ie8下测试代码_jquery

WBOY
WBOYOriginal
2016-05-16 17:43:05974Durchsuche

测试环境:ie8 ff13.0.1 chrome22
可以将分页获取的内容依次填入四个div中,瀑布流的分页可以以多页(比如5页)为单位二次分页,这样可以减少后台算法的复杂度

复制代码 代码如下:

BR>"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">



waterfall flow


");
});
}

$(window).scroll(function(){
// 被卷去的高度
var scrollTop = document.body.scrollTop||document.documentElement.scrollTop;
// 页面高度
var pageHeight = $(document).height();
// 可视区域高度
var viewHeight = $(window).height();
//alert(viewHeight);
//当滚动到底部时
if((scrollTop+viewHeight)>(pageHeight-20)){
if(scrollTopfor(var i = 0 ; i $(".flow").each(function(){
$(this).append("
");
});
}
}
}
});
});
/*
* 获取指定范围随机数
* @param min,最小取值
* @param max,最大取值
*/

function getRandom(min,max){
//x上限,y下限
var x = max;
var y = min;
if(xx=min;
y=max;
}
var rand = parseInt(Math.random() * (x - y + 1) + y);
return rand;
}











Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn