page_jquery 하단으로 스크롤할 때 자동으로 더 많은 정보를 로드하는 JQuery 기반

키 코드:

코드 복사 코드는 다음과 같습니다.

var stop=true
$ (창) .scroll(function(){
totalheight =parseFloat($(window).height())parseFloat($(window).scrollTop());
if($(document).height( ) < 총 높이){
if(stop==true){
stop=false
$.post("ajax.php", {start:1, n:50},function( txt){
                                                                                                        .



HTML:

코드 복사

코드는 다음과 같습니다.

구현 방법은 페이지의 전체 높이와 스크롤 높이를 비교하여 하단에 도달했는지 확인하는 것입니다. 하단에 도달하면 ajax를 통해 더 많은 내용을 읽고 before를 사용하여 Loading 전에 삽입합니다.
stop 매개변수는 ajax 읽기에 소요되는 시간을 고려하고 ajax 읽기 프로세스 중에 이벤트가 여러 번 트리거되어 콘텐츠가 여러 번 로드되는 것을 방지합니다.

본 웹사이트의 성명

본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.