在有的浏览器中可能会出现 累计 执行重复执行的情况， 可以再 准备执行前和执行完毕加以个 执行完毕的标记，当 判断 上一次执行完毕 再 执行该次操作
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>jQuery实现当拉动滚动条到底部加载数据</title>
<style type="text/css">
*{margin:0;padding:0;}
body{font-size:14px;color:#444;font-family:"微软雅黑",Arial;background:#fff;}
a{color:#444;text-decoration: none;}
a:hover{color:#065BC2;text-decoration: none;}
.clear{clear:both;}
img{border:none;vertical-align: middle;}
ul{list-style: none;}
</style>
</head>
<body>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
<script type="text/javascript">
//首先给窗口绑定事件scroll
$(window).bind("scroll",function() {
// 然后判断窗口的滚动条是否接近页面底部，这里的20可以自定义
if ($(document).scrollTop() + $(window).height() > $(document).height() - 20) {
//我这里偷个懒，没有写ajax的调用，直接触发了链接的click事件。
$("#container").append('<div style="height:500px">dd</div>');
}
})
</script>
</head>
<body>
<div id="container">
dd<br/>dd<br/>dd<br/>dd<br/>dd<br/>dd<br/>dd<br/>dd<br/>dd<br/>dd<br/>dd<br/>dd<br/>dd<br/>dd<br/>dd<br/>dd<br/>dd<br/>dd<br/>dd<br/>dd<br/>dd<br/>dd<br/>dd<br/>dd<br/>dd<br/>dd<br/>dd<br/>dd<br/>dd<br/>dd<br/>dd<br/>dd<br/>dd<br/>dd<br/>dd<br/>dd<br/>dd<br/>dd<br/>dd<br/>dd<br/>dd<br/>dd<br/>dd<br/>dd<br/>dd<br/>dd<br/>dd<br/>dd<br/>dd<br/>dd<br/>dd<br/>dd<br/>dd<br/>dd<br/>
</div>
</body>
</html>
另外 每次下拉到最后 浏览器会记住当前滚动条位置 会照成刷新页面后 直接执行 操作，所以在刷新页面时要执行 滚动条到顶部的操作
<script>
$(document).ready(function(){
$('body,html').animate({scrollTop:0});
});
</script>
在jQuery中获取浏览器及页面的长度与宽度主要用到以下几个代码：
$(window).height() //浏览器时下窗口可视区域高度
$(document).height() //浏览器时下窗口文档的高度
$(document.body).height() //浏览器时下窗口文档body的高度
$(document.body).outerHeight(true) //浏览器时下窗口文档body的总高度 包括border padding margin
$(window).width() //浏览器时下窗口可视区域宽度
$(document).width() //浏览器时下窗口文档对于象宽度
$(document.body).width() //浏览器时下窗口文档body的高度
$(document.body).outerWidth(true) //浏览器时下窗口文档body的总宽度 包括border padding margin
相关推荐
本文实例讲述了jQuery实现当拉动滚动条到底部加载数据的方法。分享给大家供大家参考，具体如下： 滚动条到底部加载数据原理很简单，就是为window或者滚动元素添加一个scroll事件，浏览器每次触发scroll事件时判断...
原理很简单，就是为window添加一个scroll事件，浏览器每次触发scroll事件时判断是否滚动到了浏览器底部，如果到了底部则加载新数据。关键是计算滚动条是否滚动到了浏览器底部，算法如下 滚动条卷起来的高度 + 窗口...
5.4 带滚动条的自动完成 5.5 Combobox风格的自动完成 5.6 读取XML数据的自动完成 5.7 多维数据的自动完成 第6章 jQuery实现拖放功能 6.1 基本拖放功能 6.2 基于事件的拖放 6.3 限制移动范围的拖放 6.4 延迟进行的...
当夜幕下拉到底部的时候，js可以判断滚动条的位置，到达底部触发js方法，执行jquery的ajax方法，向后台一般处理程序夜幕ashx文件请求数据源，得到json格式的数据源。然后，遍历json数据源，拼接一个li标签，再填充到...
b)JQ判断滚动条向下滚动的长度大于多少时，这个方法，也可以用来做页面的自动加载…就是你不停滚动，数据就不停加载…用户体验很好的喔【有时间就写】 1）首先我们写好DOM结构、写好CSS样式表 /* HTML */ ...
如果：最后一行的某个图片距离浏览器可视区域顶部的距离值 小于 （可视区域的高度+滚动条滑动的距离值）； 那么：就可以判定这个图片进入了浏览器的可视区域； 2.如何用AJAX请求服务器数据; $.getJSON()方法，直接...
像坐标控制、旋转矩阵、定时器、生成图像、数据初始化、矩阵乘法、坐标旋转、判断是否是顺时针方向排列、鼠标按下、放开时的动作等，都可在本源码中得以体现。 Java编写的显示器显示模式检测程序 2个目标文件 内容...
-为TreeNode增加AutoPostBack属性，增加事件数据类TreeCheckEventArgs，为Tree增加事件NodeCheck。 -示例在：http://extasp.net/data/tree_run.aspx -Grid增加GetNoSelectionAlertInParentReference函数，用来...
-这将会影响所有的aspx页面，一定要将工具条（Toolbars）和Items区分开来。 -祝你生日快乐 - 小师妹妹。 +2009-08-29 v2.0.8 -ExtAspNet支持多语言（en,zh_CN,zh_TW），可以在Web.config中修改。 -将所有的...
5.[纠正]选择服务器文件页面没有滚动条的BUG 2014年03月07日 V2.82更新包 1.[新增]会员投稿管理也加入复制功能 2.[改进]改进后台文章管理 缩略图示意图，图片图标代表本地缩略图，电脑图标代表远程缩略图 3.[纠正]...
在FireFox中，如果窗口的滚动条没有回滚到顶部，那么Flash无法加载 Race-conditions when files are cached 兼容ASP.Net Forms SWFUpload v2 延续了SWFUpload的设计目标，将UI分离以交给开发人员控制和后续扩展 ...
像坐标控制、旋转矩阵、定时器、生成图像、数据初始化、矩阵乘法、坐标旋转、判断是否是顺时针方向排列、鼠标按下、放开时的动作等，都可在本源码中得以体现。 Java编写的显示器显示模式检测程序 2个目标文件 内容...