출처: phpschool daniselseo



http://www.webresourcesdepot.com/load-content-while-scrolling-with-jquery/


wrd-scroll.zip


mixsh나 twtkr등에서 스크를 마지막에 가면 자동으로 다음 글들을 불러 오게 하는 자료입니다. JQUERY로 짜여졌고 간단합니다.

엄청나게 간단하네요....;;;

링크에 실제 배포하는 사이트 남겨 두었습니다.

샘플보기(스크롤해서 내려 보세요) :
http://www.webresourcesdepot.com/dnspinger/


구조설명:

컨텐츠 페이지 구조
<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();

        }

});                                        



List of Articles
번호 제목 글쓴이 날짜 조회 수sort
공지 Etc 프로그래밍 게시판 이용약관 Moyiza 2010-07-16 63799
176 Flash/Etc ADC推荐:使用OSMF实现实时多播流处理 file SOLID.H 2011-06-29 26759
175 html/css EUC-KR일 때 브라우저 별 지워하지 않는 글자 처리표현(뷁,힝 등) Moyiza 2010-08-05 26603
174 Flash/Etc [Flex] 야후맵 따라해보기 - [3] file Moyiza 2010-07-31 24369
173 JavaScript 仿PHPCHINA网站中滚动的图片效果(JQUERY) Moyiza 2011-09-15 23173
172 Flash/Etc ADC推荐:开始学习stage video file SOLID.H 2011-06-30 23126
» JavaScript ajax(jquery) 무한 스크롤 스크롤 끝에 가면 다음 데이터 로드 file Moyiza 2010-08-11 18350
170 JavaScript JavaScript 获得汉字的完整拼音 Moyiza 2011-09-22 18193
169 Flash/Etc ADC推荐:定制IconItemRenderer file SOLID.H 2011-06-02 18172
168 Flash/Etc ItemRenderer 사용법 1/6 file SOLID.H 2011-04-22 18109
167 Flash/Etc ADC推荐:Flex全局异常和错误处理 SOLID.H 2011-06-13 17668
166 PHP php 처리 부분에 프로그래스바 같은걸로 처리상황 보여주기 file Moyiza 2010-08-13 15624
165 PHP 문서 지향 데이타베이스인 MongoDB를 PHP로 다뤄보자 Moyiza 2010-09-04 15341
164 Etc [윈도우] Batch 파일 만들기 대답하는남자 2010-11-22 15230
163 Flash/Etc ADC推荐:Flash快速入门:AS3编程-使用Flash Player 10的颜色修正功能 file SOLID.H 2011-07-05 15208
162 Flash/Etc ADC推荐:Flash Player中的flash.globalization包 file SOLID.H 2011-06-20 15084
161 Etc 두 선분의 교차 검사 대답하는남자 2010-11-22 14971
160 Jsp Java POI Export For Excel Code [1] AJ 2010-10-21 14775
159 PHP 用php5.3的namespace实现类的无痛继承 Moyiza 2012-05-12 14496
158 JavaScript 1-3 jquery 자동완성 autocomplete 기능 쉽게 적용하기 file Moyiza 2010-07-09 14303
모이자
crab@moyiza.net地址:北京市朝阳区望京京ICP备07041194号
网络110报警服务 不良信息举报中心