스크롤 이벤트 처리

이번에는 스크롤를 아래로 내려 끝에 도달했을 때 페이징 처리를 하기 위해서 고민했었다

자료를 찾아보니 jquery를 이용한 좋은 방법을 찾았다.

jquery 카테고리를 더 만들까 고민하다가 그냥 javascript에 넣기로 결정 -_-;;

$(window).scroll(function(e){ 

d_height = $(document).height(); // 다큐멘트 크기

w_height = $(window).height();  // 브라우저 크기

s_height = d_height - w_height;

d_top = $(document).scrollTop(); // 다큐멘트 최상위 좌표

if ((s_height - d_top) < 1) {

               페이징 처리 코드;

        }

});

소스는 다음과 같습니다. 우선 scroll 이벤트를 받아 이벤트가 발생하고 다큐멘트와 브라우저의 크기를 구합니다.

다큐멘트 크기를 브라우저 크기로 빼면 남은 다큐멘트 내용의 길이가 나오죠.

그 값이 1보다 작으면 그 때는 더이상 내려 갈 곳이 없다고 판단하고 페이징을 처리하는것이죠 ㅎ

오늘도 새로운걸 하나 알게 되었네요 ㅎ

출처 : http://rubis.tistory.com/293