[해피CGI][cgimall] jQuery를 위한 다방향 무한 스크롤 플러그인 - scrollPaging.js

- 소개

scrollPaging은 웹 페이지에 무한 스크롤 기능을 추가하는 가벼운 jQuery 플러그인입니다.

AJAX를 통해 외부 데이터 소스에서 자동으로 콘텐츠를 가져와 사용자가 스크롤할 때 기존 컨테이너의 끝에 추가합니다.

이를 통해 복잡한 페이지 번호 논리를 작성할 필요 없이 필요에 따라 더 많은 콘텐츠를 로드하는 연속적인 탐색 환경이 만들어집니다.

- 라이센스

MIT





- 사용 방법


1. 플러그인을 다운로드하고 jQuery 라이브러리 뒤에 메인 스크립트 'jquery-scrollpaging.min.js'를 로드합니다.

2. 초기 항목을 사용하여 콘텐츠 컨테이너를 만듭니다. 플러그인은 스크롤 방향에 따라 이 컨테이너에 새 콘텐츠를 추가하거나 추가합니다.

3. 스크롤 가능한 요소에 플러그인을 초기화합니다. 페이지 수준 스크롤의 경우 window 객체를 대상으로 지정하고, 컨테이너별 스크롤의 경우 overflow 요소를 직접 대상으로 지정합니다.

4. 다음 구성 옵션을 사용하여 플러그인의 동작을 사용자 정의하세요. (상세 설명은 사이트 참고)

5. 다양한 콜백 함수는 사이트를 참고하세요.








- 작동 화면