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