scroll paging1

• 

  [jQuery] 스크롤(Scroll) Ajax 페이징 사용법, 예제 jQuery를 사용하여 페이지 스크롤이 끝까지 내려갔을 때 새로운 데이터를 가져와서 화면에 보여주는 무한 스크롤 기능을 구현하는 코드입니다. 페이지 로드 시 page와 list를 초기화하고, page_start를 계산하고 List 함수를 한번 호출 합니다. List 함수는 list (보여지는 게시글 수) 와 page_start 를 data로 전송 하고 응답은 JSON 형식으로 받아 옵니다. ajax.php 는 실제 db 조회 후 data를 뿌려 주어야 하지만 간단한 예제이므로 totalCount=20 으로 정하고 5개씩 data 변수를 JSON 형식으로 반환 하고 있습니다. 스크롤 이벤트가 발생하면, 스크롤바가 윈도우 창의 아래쪽에 닿았는지 확인하고, page가 total_page보다 작으면 List 함.. 개발이야기/jQuery 2023. 5. 4.