pinterest 瀑布流
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script src="Scripts/jquery-1.4.1.min.js" type="text/javascript"></script>
<script type="text/javascript">
var i = 100;
$(window).bind("scroll", function () {
($(document).scrollTop() + $(window).height() > $(document).height() - i) && yourDemoFunction();
});
function yourDemoFunction() {
$("#bod").height($("#bod").height() + 1000);
i += 100;
$(window).bind("scroll", function () {
($(document).scrollTop() + $(window).height() > $(document).height() - i) && yourDemoFunction();
})
}
</script>
</head>
<body id="bod" style="height:1000px;">
</body>
</html>