关于手机端向下滑动加载页面的问题

浏览:1008 发布日期:2017/09/25 分类:求助交流
$(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('系统繁忙,请稍后再试');
                        }
                    }
               })
        }
    })
现在的问题是可以请求成功,但是是滚动条向上滚动,滚动条接触顶部的时候触发事件,我想实现的是滚动条接触下部的时候触发事件,望大神指点,谢谢
最佳答案
评论( 相关
后面还有条评论,点击查看>>