IE浏览器,局部div滚动条,下拉加载

防止IE下  下拉加载  多条数据

// 先初始一个变量
    var b=0
    function scroll(){
        //给div绑定一个scroll事件
        $('.main').bind('scroll',function(){
            var nDivHight = $(".main").height();
            nScrollHight = $(this)[0].scrollHeight;
            nScrollTop = $(this)[0].scrollTop;
            scrollVal = $('.main').scrollTop();
            // 判断div滚动条达到底部
            if (nScrollTop + nDivHight==nScrollHight) {
                // 滚动条到底部了
                // 让变量加1
                b+=1
                //当变量完全等于1
                if (b===1) {
                    //页码数加一
                    page++
                    //这里是做一个判断 最多加载  几页数据
                    if (page<=10) {
                        //调用recommend这个ajax的方法  把id和页码数传过去,渲染之后让b重新等于0(b=0)
                        recommend(cid,page)
                    } else {
                        return;   
                    }
                }else{
                    return;   
                }
            }
           
        })
    
    }
    scroll()

  

recommend方法
 //下拉加载
    function recommend(id,pageNum){
        jQuery.support.cors = true;
        $.ajax({
            type:'get',
            url:url,//请求的接口
            dataType:'json',
            async:true,
            data:{
                page: pageNum,//页码数
                size:10//一次10条
            },
            success:function(data){
                var data = data
                var valhtml =''
                $.each(data,function(i,val){
                    html+=
                    '<a href="'+val.url+'">'+
                        '<div>'+
                            '<img src="'+val.img+'">'+
                        '</div>'+
                        '<p>'+val.title+'</p>'+
                    '</a>'
                })
                $('div').append(html)
                //重新赋值
                b=0
            }
            
        })
    }

  

posted @ 2021-01-11 11:40  YH丶浩  阅读(126)  评论(0编辑  收藏  举报