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

最新文章

  1. Jexus 5.8.2 正式发布为Asp.Net Core进入生产环境提供平台支持
  2. Android Killer工具用法
  3. JSP学习流程
  4. 百度地图跟angular的结合
  5. Web前端开发工程师基本要求
  6. WebApi:WebApi的Self Host模式
  7. SVN分支与合并
  8. Build AssetBundle, missing shader.
  9. Stacked injection--堆叠注入--堆查询注入
  10. .NET MVC 简单的插件式开发
  11. DVWA 黑客攻防演练(五)文件上传漏洞 File Upload
  12. ConcurrentLinkedQueue源码解读
  13. sqlserver性能调优中的逻辑读,物理读,预读是什么意思
  14. 磁盘IO概念及优化入门知识
  15. PHP:第二章——PHP中的for语句
  16. 了解ORACLE培训OCA-OCP-OCM课程表
  17. 浅谈splay(点的操作)
  18. codeblocks快捷键(转)
  19. android.animation(3) - ValueAnimator-ofObject(TypeEvaluator evaluator, Object... values)
  20. UOJ#288:基础数据结构练习题

热门文章

  1. SQL Server CPU
  2. 关于 Python 入门的一些问题?
  3. Nginx集群之WCF分布式消息队列
  4. 移动端H5页面惯性滑动监听
  5. 申请的服务器安装tomcat后不能访问的问题
  6. Mac 安装python ,anaconda。彻底卸载anaconda的方法
  7. Linux 文本处理工具(grep sed awk )
  8. 【SSD,FIO,SAS选择的一些小结】SSD,FIO,SAS选择的一些小结
  9. from Require.js to Webpack(why)
  10. request拿各种东西