jquery 滚动到底部加载
2015-10-28 17:21
696 查看
var body_ = $(window); var indexPage = 2; var pageCount = <?php echo $pageCount;?>; var _ajaxRequest = true; body_.scroll(function () { var viewH = $(this).height(),//可见高度 contentH = $(document).height(),//内容高度 scrollTop = $(this).scrollTop();//滚动高度 var _bottomDist = contentH - viewH - scrollTop; if(_ajaxRequest && _bottomDist <= 50 && indexPage <= pageCount){ _ajaxRequest = false; $.ajax({ type: 'POST', url: 'url?page=' + indexPage, dataType: 'text', success:function(data){ indexPage = indexPage + 1; _ajaxRequest = true; $('.div').append(data); } }); } });
相关文章推荐
- jquery layer弹窗弹层插件 小巧强大
- jQuery插件开发
- JQuery中$.ajax()方法参数详解
- jquery中ajax执行总是跑到error函数中
- FireBug,Chrome调试工具,动态加载jQuery库或其他库代码
- jquery jqPlot API 中文使用教程(非常强大的图表工具)
- jQuery 的 live() 方法对 hover 事件的处理
- JQuery性能优化指南
- JQuery之form插件
- 基于jQuery的上下无缝滚动应用(单行或多行)
- jquery扩展,显示模态DIV层 (一)
- jquery扩展,显示模态DIV层 (二)
- jQuery右下角弹窗
- jQuery实现多行新闻滚动
- Jquery+Ajax+PHP+MySQL实现分类列表管理(下)
- jquery拖动简单实现
- jQuery源码分析之parseJSON方法
- Jquery+Ajax+PHP+MySQL实现分类列表管理(上)
- jquery 筛选元素 (3)
- jquery $(document).ready() 与window.onload的区别