pm1122dev의 비밀노트

무한스크롤(Infinite Scroll) 본문

php&mysql

무한스크롤(Infinite Scroll)

pm1122Dev 2021. 1. 25. 15:22
728x90
반응형

scroll 사용부분이랑 if부분만 보고 사용하면 됩니다. 

하이브리드작업 할 경우 해더랑 하단바가 계속 있는 경우 하단바랑 해더 높이 빼서 작업하면 됨.

<script>
	var category = "<? echo $category; ?>";
	var area = "<? echo $area; ?>";
	var g5_them_url = "<? echo G5_THEME_URL; ?>";

	$(window).scroll(function(){
		lastNum = $(".product_list li").last().attr("data-num");
		//console.log(lastNum);

		if($(window).scrollTop() + $(window).height() == $(document).height()) {
       		$.ajax({
				   type:"POST",
				   url : g5_them_url+"/mobile/01/product_ajax.php",
				   data : {"category":category, "area":area, "lastNum":lastNum},
				   success:function(data){
						$(".product_list").append(data);
				   }
			   })
   		}
	})
</script>
728x90
반응형
Comments