html-fragment/scroll.html at master · fengjunoo/html-fragment · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8">
<script type="text/javascript" src="http://libs.useso.com/js/jquery/1.8.0/jquery-1.8.0.js"></script>
</head>
<body style="padding:0;margin:0;">
<div id="a" style="background:#aa00ff;width:100%;height:600px;">
</div>
</body>
</html>
<script>
	function getDiv(){
		var s = Math.round(Math.random() * 100);
		var color = "" + Math.round(Math.random() * 100) + Math.round(Math.random() * 100) + Math.round(Math.random() * 100);
		var m  = '<div style="background:#'+color+';width:100%;height:' + s + 'px;"></div>';
		return m;
	}
	$(window).scroll(function(){
		var i = $(window).scrollTop();
		var n = $('body').height() - $(window).height();
		console && console.log({"i":i,"n":n});
		if(i >= n){
			var s  = getDiv();
			//console.log(s);
			$('body').append(s);
		}
	});
</script>