비동기 적재 기술은 롤러가 맨 밑에 있는 폭포류 효과를 실현한다

955 단어
비동기 적재 기술로 폭포류 효과를 실현하다.스크롤 바가 맨 밑에 있을 때 이벤트를 터치합니다. 이 이벤트는 $에 기록됩니다.get() 이벤트는 내부 프로그램 페이지에 클래스 id와 페이지 번호를 전달하고 프로그램은 그 클래스 아래의 상대 페이지의 제품 목록을 되돌려줍니다. 프로그램이 현재 클래스에 제품이 없으면 빈 페이지로 되돌려줍니다.
스크롤 바 이벤트는 window에 기록됩니다.onscroll에서야 효과적으로 판단할 수 있습니다.다음과 같습니다.

window.onscroll=function(){
　　　　
// 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);
});

}
};
안 드 로 이 드 라운드 이미지 전시 효과 구현
레디스 속성반.

좋은 웹페이지 즐겨찾기

개발자 우수 사이트 수집

개발자가 알아야 할 필수 사이트 100선 추천 우리는 당신을 위해 100개의 자주 사용하는 개발자 학습 사이트를 정리했습니다
best100-homepage