Archives
10-27 16:41
Today
7
Total
287,040
관리 메뉴

FILife

ajax(jquery) 무한 스크롤 스크롤 끝에 가면 다음 데이터 로드 본문

내가 자꾸 까먹어서 쓰는 개발 이야기/jQuery

ajax(jquery) 무한 스크롤 스크롤 끝에 가면 다음 데이터 로드

FIL 2010. 9. 1. 09:27

ajax(jquery) 무한 스크롤 스크롤 끝에 가면 다음 데이터 로드

|

구조설명:

컨텐츠 페이지 구조
<div class="wrdLatest" id=9>content</div>
<div class="wrdLatest" id=8>content</div>

로딩중 이미지 보여주는 부분과 실제 데이터 가져오는 부분
function lastPostFunc()
{
    $('div#lastPostsLoader').html('<img src="bigLoader.gif">');
    $.post("scroll.asp?action=getLastPosts&lastID=" + $(".wrdLatest:last").attr("id"),   


    function(data){
        if (data != "") {
        $(".wrdLatest:last").after(data);           
        }
        $('div#lastPostsLoader').empty();
    });
};


스크롤 감지하는 부분
$(window).scroll(function(){
        if  ($(window).scrollTop() >= $(document).height() - $(window).height()){
          lastPostFunc();
        }
}); 



출처 : 탱군님의 블로그 - http://taenggun.tistory.com/203
0 Comments
댓글쓰기 폼