• div流加载


    var hasNext=true;//触发开关,防止多次调用事件 
            var nScrollHight = 0; //滚动距离总长(注意不是滚动条的长度)
            var nScrollTop = 0;   //滚动到的当前位置
            var nDivHight = $('#main').height();
            $('#main').scroll(function(){
                nScrollHight = $(this)[0].scrollHeight;
                nScrollTop = $(this)[0].scrollTop;
                var paddingBottom = parseInt( $(this).css('padding-bottom') ),paddingTop = parseInt( $(this).css('padding-top') );
                if(nScrollTop + paddingBottom + paddingTop + nDivHight + 100 >= nScrollHight && hasNext==true){
                    hasNext = false;
                    $.ajax({
                        url:'/blog/'+page++,
                        data:'',
                        type:'post',
                        dataType:'text',
                        success:function(result){
                            if(result.code){
                                $('#article-list').append(result);
                                hasNext = true;
                            }else{
                                hasNext = false;
                                $('#article-list').append('<div class="alert with-icon"><i class="icon-info-sign"></i><h3 class="content">'+ result.message +'</h3></div>');
                            }
                        }
                    })
                }
            });
  • 相关阅读:
    2.字符设备驱动开发
    1.Linux内核模块编程
    Linux基础知识
    数据结构小结
    3基本概念
    2在HTML中使用JavaScript
    1JavaScript简介
    20161230【作业1】静态网页制作笔记
    14非屏幕媒体
    13用户界面样式
  • 原文地址:https://www.cnblogs.com/go-skill/p/6771579.html
Copyright © 2020-2023  润新知