jquery 무한 스크롤 예제

On agosto 2, 2019 by adminmg

데이터베이스에서 내용을 가져올 수 있습니다. 예를 들어 데이터베이스에 400개의 제품이 있는 경우 jQuery 무한 스크롤을 사용하여 사용자가 아래쪽으로 스크롤할 때마다 DB에서 20개의 새 제품을 가져올 수 있습니다. 무한 스크롤은 이제 일반적인 기능이며 정말 유용한 몇 가지 경우가 있습니다. 예를 들어 트위터 나 페이스 북과 같은 좋은 페이지 시스템을 상상할 수없는 웹 사이트가 있습니다. 무한 스크롤이 유용 할 수있는 또 다른 예는 검색 엔진입니다 : 당신이 원하는 하나를 찾을 수없는 동안 새로운 링크를 계속보고 싶을 것입니다, 그리고 페이지 페이지는 연구에서 당신을 느리게 할 수 있습니다. 인피니트 스크롤은 자동으로 다음 페이지를 추가 하는 자바 스크립트 플러그인, 전체 페이지 부하에서 사용자를 저장. 당신은 아마 웹을 통해 사용에서 그것을 본 적이. 업데이트 된 jQuery 무한 스크롤 코드가 될 것입니다: 이 데모는 무한 스크롤 플러그인과 함께 jQuery 벽돌 플러그인을 사용. 벽돌 플러그인은 유체 그리드 레이아웃을 얻기위한 좋은. 폴 아이리쉬에 의해 무한 스크롤 플러그인은 이미 존재 하는 페이지를 로드에 좋은 (그래서 그것은 당신의 SEO에 대 한 좋은). page2.html, page3.html 등과 같은 정적 페이지를 로드하는 데 사용할 수 있지만이 플러그인은 page.php?p=2, page.php?p=3과 같은 생성 된 페이지를 처리합니다.

그러나, 그것을 사용 하 여 그래서 귀하의 URL에 증분 하는 페이지 번호를 가지고 있어야 합니다., page.php?data=xxx 와 같은 페이지가 있는 경우, 다음이 플러그인은 당신을 위해. 매우 가벼운 무게 jQuery 무한 스크롤 플러그인. 인피니트 스크롤은 자동으로 예정된 페이지를 추가하여 전체 페이지를 로드하지 못하도록 합니다. 사용자의 스크롤 막대가 아래쪽 에서 몇 인치 위에 있을 때 서버 측 함수를 호출하는 것이 좋습니다. 이를 위해 나는 다음과 같이 jQuery 무한 스크롤 코드를 업데이트 할 수 있습니다 :이 jQuery 무한 스크롤 자습서를 좋아하기를 바랍니다. 웹사이트에서 고품질 자동 페이징 기능을 만드는 데 사용할 수 있습니다. 친구들과 이 튜토리얼을 공유하여 친구들과 함께 할 수 있습니다. 무한 AJAX 스크롤 지능형 jQuery 무한 스크롤 플러그인입니다. 그것은 무한 스크롤 시스템으로 기존의 페이지 시스템을 설정할 수 있습니다. 기존 서버 측 페이지 페이지 페이지의 다음/이전 링크를 읽고 사용자가 아래쪽에 도달하면 AJAX를 통해 해당 페이지를 로드합니다. 이 접근 방식, 점진적 향상, 또한 SEO 친화적인 고 매우 쉽게 구현. 인피니트 스크롤을 사용하여 상업용 사이트, 테마, 프로젝트 및 응용 프로그램을 개발하려는 경우 상업용 라이선스가 적절한 라이선스입니다.

이 옵션을 사용하면 소스 코드가 독점적으로 유지됩니다. 인피니트 스크롤 상용 라이선스에 대해 자세히 읽어보십시오. 자바 스크립트를 작성하지 않고 HTML에서 무한 스크롤을 초기화 할 수 있습니다. 캐러셀 요소에 데이터 무한 스크롤 특성을 추가합니다. 옵션을 해당 값으로 설정할 수 있습니다. jQuery 무한 스크롤 기능은 요즘 매우 일반적되고있다. 페이스 북과 트위터를 포함한 다른 웹 사이트는 이미 그것을 사용하고 있습니다. 이 기능은 사용자가 아래로 스크롤할 때 다음 페이지의 콘텐츠가 자동으로 로드되도록 웹 페이지에서 자동 페이징(링크 기반 페이징이 아님)을 만드는 데 도움이 됩니다. 이 작업은 계속됩니다. 무한 스크롤 어떤 블로그 또는 워드 프레스 사이트와 함께 즉시 작동. 강력한 옵션, 방법 및 이벤트를 통해 사용자 지정 동작, 알림 및 애니메이션 로드를 추가하여 무한 스크롤을 사용자 경험에 완전히 통합할 수 있습니다.

Comments are closed.