비동기 로딩 기술로 폭포수 흐름 효과를 구현합니다. 스크롤 막대가 맨 아래에 도달하면 이벤트가 발생합니다. 이 이벤트는 $.get() 이벤트에 기록되고 카테고리 ID와 페이지 번호가 내부 프로그램 페이지로 전달됩니다. 해당 카테고리 아래의 페이지입니다. 프로그램이 현재 클래스에 제품이 없으면 비어 있는 상태로 반환됩니다.
스크롤 막대 이벤트가 효과적이려면 window.onscroll에 작성되어야 합니다. 다음과 같습니다:
window.onscroll=function(){<br> // var scrolltop=document.documentElement.scrollTop||document.body.scrollTop; var tops = $(document).scrollTop(); //获取滚动条的位置 var sctop = $(document).height()-$(window).height(); var id = $("#ajax_claid").val(); if(!id){ id=8; } $("#ajax_p").val(tops); if(tops>=sctop)//成立说明滚动条已在最底部 { var b=$("#ajax_p").val(); if(b>a){ page=page+1;//传递页码 } var Url = "aja_pro/"+id+"/"+page;//程序页面,查询信息返回数据,直接返回带html的信息。 $.get(Url,function(data){ $("#aja_jia").append(data); }); } };