// (1) 스토리 로드하기
let page=0;
function storyLoad() {
	
	$.ajax({
		url:`/api/image?page=${page}`,
		dataType:"json"
	})
	.done(res=>{
		//console.log("(1) 스토리 로드하기  : " ,res);		
		res.data.content.forEach((image)=>{			
			let storyItem=getStoryItem(image);			
			$("#storyList").append(storyItem);
		});
				
	})
	.fail(error=>{
		consoleerror("에러 : ", error);
	})
};
storyLoad();

 

 

// (2) 스토리 스크롤 페이징하기
$(window).scroll(() => {
	console.log("1.윈도우 scrollTop : ", $(window).scrollTop());
	console.log("2.문서의 높이 :", $(document).height());
	console.log("3.윈도우 높이", $(window).height());
	
	let checkNum=$(window).scrollTop()-($(document).height() - $(window).height());
	console.log(checkNum);
	console.log("");
	console.log("");
	
	if(checkNum<1 && checkNum >-1){
		console.log("========= 로드 ==============");
		page++;
		storyLoad();
	}
});