>  기사  >  백엔드 개발  >  비동기 로딩 기술은 스크롤 막대가 Bottom_php 기술에 도달할 때 폭포 흐름 효과를 얻습니다.

비동기 로딩 기술은 스크롤 막대가 Bottom_php 기술에 도달할 때 폭포 흐름 효과를 얻습니다.

WBOY
WBOY원래의
2016-05-16 20:36:06807검색

비동기 로딩 기술로 폭포수 흐름 효과를 구현합니다. 스크롤 막대가 맨 아래에 도달하면 이벤트가 발생합니다. 이 이벤트는 $.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);
});

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