가라멜의 달달한 세상 탐방

현재 개발중인 사이트에서 원래는 페이지네이션 처리만 했었는데

그냥 시간도 남아서 스크롤 페이징 처리를 적용해봤다.

var page = 1;
$(window).scroll(function() {
    if ($(window).scrollTop() == $(document).height() - $(window).height()) {
         page++;
      $("body").append('<div">' + page + '</div>');
      
    }
});

검색해보니 보통 이런식 ~ 


나같은 경우 화면 전체 스크롤도 아니고


부분 스크롤페이징만 구현할 거라서..




대충~ 이런식으로 바꿔서 쓴다.


    var $div = $("#detail_div");
    var $table = $(".table")
    $div.scroll(function(){
        console.log("table scroll");
        if($table.height() == $div.scrollTop()+$div.height()){
            page++;
            fngetList(page);
        }
    });



필요에 따라 적당히 커스터마이징 해서 쓰면 될듯