[jQuery] window 화면 사이즈를 이용한 페이징 구현

jQuery를 이용한 화면 사이즈에 따른 페이징 구현을

알아보겠습니다.

모바일 웹에서 많이 사용되는 방법으로 

리스트 형태의 화면에서 스크롤이 화면 맨 밑에 도달했을 때

추가 내용을 더 불러오는 기능입니다.

- javascript 

//브라우저 맨 아래 스크롤 이동 이벤트
$(window).scroll(function () {
	if ($(window).scrollTop() == $(document).height() - $(window).height()) {
			alert("bottom");
    }
});

jQuery를 이용하여 화면의 맨 밑에 도달했을 때 알림창을 띄우는데

알림창 띄우는 부분을 제거하시고 

추가 리스트를 불러오는 기능을 넣어주시면 될꺼 같습니다~~

예제보기

관련링크

- [jQuery] jquery hide() show() animate()

- [jQuery] jquery select value, select 값 가져오기, select 속성 값

- [jQuery] jquery get get()

- [jQuery] jquery form submit()

- [jQuery] jquery change change()