$(window).scroll(function(){
var scrollTop = $(this).scrollTop();//返回匹配元素的滚动条的垂直位置
var scrollHeight = $(document).height();//代表了整个文档的高度
var windowHeight = $(this).height();//代表了当前可见区域的大小
if(scrollTop + windowHeight == scrollHeight){
var limit = $('.currygood').length;
$.ajax({
url:"{:U('Index/personal_center_more')}",
data:{'limit':limit},
dataType:'json',
type:'post',
success:function(data){
if(data.status==1){
//alert('11');
var html='';
for(i in data.msg){
html+='<table class="table table-bordered table-striped currygood" style="border-bottom:5px solid #ddd;border-right:2px solid #ddd;">';
html+='<thead>';
html+='<tr>';
html+='<th>主题</th>';
html+='<th>'+data['msg'][i]['theme']+'</th>';
html+='</tr>';
html+='</thead>';
html+='<tbody>';
html+='<tr>';
html+='<td>申请类型</td>';
html+='<td>'+data['msg'][i]['type']+'</td>';
html+='</tr>';
html+='<tr>';
html+='<td>申请状态</td>';
html+='<td>'+data['msg'][i]['status']+'</td>';
html+='</tr>';
html+='<tr align="center">';
html+='<td colspan="2">查看详情</td>';
html+='</tr>';
html+='</tbody>';
html+='</table>';
}
$('.container').append(html);
}else{
alert('系统繁忙,请稍后再试');
}
}
})
}
})现在的问题是可以请求成功,但是是滚动条向上滚动,滚动条接触顶部的时候触发事件,我想实现的是滚动条接触下部的时候触发事件,望大神指点,谢谢 最佳答案