출처: 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 58639
176 html/css EUC-KR일 때 브라우저 별 지워하지 않는 글자 처리표현(뷁,힝 등) Moyiza 2010-08-05 23835
175 Flash/Etc ADC推荐:使用OSMF实现实时多播流处理 file SOLID.H 2011-06-29 22399
174 Flash/Etc [Flex] 야후맵 따라해보기 - [3] file Moyiza 2010-07-31 21617
173 JavaScript 仿PHPCHINA网站中滚动的图片效果(JQUERY) Moyiza 2011-09-15 21555
172 Flash/Etc ADC推荐:开始学习stage video file SOLID.H 2011-06-30 18598
» JavaScript ajax(jquery) 무한 스크롤 스크롤 끝에 가면 다음 데이터 로드 file Moyiza 2010-08-11 17015
170 Flash/Etc ItemRenderer 사용법 1/6 file SOLID.H 2011-04-22 16515
169 Flash/Etc ADC推荐:定制IconItemRenderer file SOLID.H 2011-06-02 16511
168 JavaScript JavaScript 获得汉字的完整拼音 Moyiza 2011-09-22 16155
167 Flash/Etc ADC推荐:Flex全局异常和错误处理 SOLID.H 2011-06-13 16062
166 PHP php 처리 부분에 프로그래스바 같은걸로 처리상황 보여주기 file Moyiza 2010-08-13 14993
165 PHP 문서 지향 데이타베이스인 MongoDB를 PHP로 다뤄보자 Moyiza 2010-09-04 14667
164 Jsp Java POI Export For Excel Code [1] AJ 2010-10-21 14326
163 Etc [윈도우] Batch 파일 만들기 대답하는남자 2010-11-22 14199
162 Flash/Etc ADC推荐:Flash Player中的flash.globalization包 file SOLID.H 2011-06-20 13925
161 Etc 두 선분의 교차 검사 대답하는남자 2010-11-22 13760
160 PHP 用php5.3的namespace实现类的无痛继承 Moyiza 2012-05-12 13677
159 JavaScript 1-3 jquery 자동완성 autocomplete 기능 쉽게 적용하기 file Moyiza 2010-07-09 13457
158 html/css 10가지 HTML5로 구현한 응용 file Moyiza 2011-09-14 13362
모이자
crab@moyiza.net地址:北京市朝阳区望京京ICP备07041194号
网络110报警服务 不良信息举报中心