업데이트 된 jQuery 무한 스크롤 코드가 될 것입니다: 코드 펜에 SitePoint (@SitePoint)에 의해 블로그 게시물을 통해 펜 무한 스크롤 참조. 사용자의 스크롤 막대가 아래쪽 에서 몇 인치 위에 있을 때 서버 측 함수를 호출하는 것이 좋습니다. 이를 위해 나는 이와 같은 jQuery 무한 스크롤 코드를 업데이트 할 수 있습니다 : 무한 스크롤은 모든 블로그 또는 워드 프레스 사이트와 함께 즉시 작동합니다. 강력한 옵션, 방법 및 이벤트를 통해 사용자 지정 동작, 알림 및 애니메이션 로드를 추가하여 무한 스크롤을 사용자 경험에 완전히 통합할 수 있습니다. 벽돌, 동위 원소, 및 Packery 레이아웃은 바로 무한 스크롤에 연결합니다. 이러한 기능은 방황하는 눈을위한 풍부한 시각적 그리드를 만들기 위해 결합합니다. 이 데모는 무한 스크롤 플러그인과 함께 jQuery 벽돌 플러그인을 사용합니다. 벽돌 플러그인은 유체 그리드 레이아웃을 얻기위한 좋은. 폴 아이리쉬에 의해 무한 스크롤 플러그인은 이미 존재 하는 페이지를 로드에 좋은 (그래서 그것은 당신의 SEO에 대 한 좋은). page2.html, page3.html 등과 같은 정적 페이지를 로드하는 데 사용할 수 있지만이 플러그인은 page.php?p=2, page.php?p=3과 같은 생성 된 페이지를 처리합니다.

그러나, 그것을 사용 하 여 그래서 귀하의 URL에 증분 하는 페이지 번호를 가지고 있어야 합니다., page.php?data=xxx 와 같은 페이지가 있는 경우, 다음이 플러그인은 당신을 위해. 매우 가벼운 무게 jQuery 무한 스크롤 플러그인. 인피니트 스크롤은 자동으로 예정된 페이지를 추가하여 전체 페이지를 로드하지 못하도록 합니다. 인피니트 스크롤은 자동으로 다음 페이지를 추가 하는 자바 스크립트 플러그인, 전체 페이지 부하에서 사용자를 저장. 당신은 아마 웹을 통해 사용에서 그것을 본 적이. 당신은 바닐라 JS와 무한 스크롤을 사용할 수 있습니다 : 새로운 무한 스크롤 (elem). InfiniteScroll() 생성자는 컨테이너 요소와 옵션 개체라는 두 개의 인수를 허용합니다. 난 당신이 jQuery 무한 스크롤 자습서를 좋아 바랍니다. 웹사이트에서 고품질 자동 페이징 기능을 만드는 데 사용할 수 있습니다.

친구들과 이 튜토리얼을 공유하여 친구들과 함께 할 수 있습니다. 이 데모에서 이 무한 스크롤 기능을 구현하는 것이 얼마나 쉬운지 보여 드리고자 합니다. 그냥 당신에게 – 나는 여기에 어떤 플러그인이나 라이브러리를 사용하지 않았습니다. 자바 스크립트를 작성하지 않고 HTML에서 무한 스크롤을 초기화 할 수 있습니다. 캐러셀 요소에 데이터 무한 스크롤 특성을 추가합니다. 옵션을 해당 값으로 설정할 수 있습니다.