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
                }
                
            })
        }
    

      

  • 相关阅读:
    oracle 体系结构 基本表空间介绍
    在用tiles框架的时候现了这样的错误
    java test 1
    SQL 日期函数小总结
    JavaEE 多层模型
    用 java 将文件的编码从GBK 转换成 UTF8收藏
    详解Java日期格式化及其使用例子
    java md5编码
    Tiles框架使用总结
    字符串分组求和收藏
  • 原文地址:https://www.cnblogs.com/520yh/p/14261382.html
Copyright © 2011-2022 走看看