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
            }
            
        })
    }
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

枫叶&情缘

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值