jQuery 자동 스크롤 페이징소스 happycgi

회원가입

출석체크

마이페이지

CGIMALL

jquery , CSS , PHP , Javascript , 무료폰트 , ASP

홈 > JAVASCRIPT > javascript 소스창고 > JQuery > jQuery 자동 스크롤 페이징소스 상세정보

클라우드태그

Javascript

PHP

asp

CSS

html

mysql

jquery

image

Mobile

API

slide

게시판

메뉴

현재접속자 명

jQuery 자동 스크롤 페이징소스

해피팀

네티즌

소스분류

JQuery

다운로드 횟수

0 회

간단설명

메타블로그나 페이스북, 트위터에서 스크롤 마지막에서 자동으로 게시글을 불러오는 jQuery 자동 스크롤 페이징소스입니다.

평가하기

실제로 배포하는 사이트 화면입니다.

컨텐츠 페이지 구조
<div class="wrdLatest" id=1>content</div>
<div class="wrdLatest" id=2>content</div>
<div id="lastPostsLoader"></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();
        }
});

아주 간단하고 유용한 jQuery 자동 스크롤 페이징소스이니 사용해보세요..^^