zoukankan      html  css  js  c++  java
  • 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
                }
                
            })
        }
    

      

  • 相关阅读:
    poj 2386 Lake Counting
    hdu 3998 Sequence
    hdu 1556 Color the ball
    synchronized和ReentrantLock的区别
    4种常用线程池
    java深浅拷贝
    ConcurrentHashMap总结
    List原理
    volatile关键字
    java关键字总结
  • 原文地址:https://www.cnblogs.com/520yh/p/14261382.html
Copyright © 2011-2022 走看看