[ jQuery ] - 무한스크롤

etc...

[ jQuery ] - 무한스크롤

선화 2013. 9. 13. 10:03

<script>
var count = 57;
$(document).ready(function() {
	
	// 스크롤 바인딩
	jQuery(window).scroll(function(e) {
		
		var doc_height = jQuery(document).height();
		var win_height= jQuery(window).height();
		var scroll_pos = jQuery(window).scrollTop();

		
		// 스크롤의 끝이라면.
		if(scroll_pos >= (doc_height - win_height - 60)) {

			var out = [];
			for ( var i = 0; i < 10; i++) {
				out.push('<li>' + (count++) + '</li>');
			}
			$('ul').append(out.join(''));
		}
	});
});



<html>
	<body>
		<ul>
		</ul>
	</body>
</html>