jQuery实现当拉动滚动条到底部加载数据
来源:互联网 发布:在线电子相册制作软件 编辑:程序博客网 时间:2024/04/30 22:22
摘自:http://blog.csdn.net/shaerdong/article/details/8540986
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>jQuery实现当拉动滚动条到底部加载数据</title>
<style type="text/css">
*{margin:0;pa动态加载数据ing: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: mi动态加载数据le;}
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">
var totalheight = 0; //定义一个总的高度变量
function loa动态加载数据ata()
{
totalheight = parseFloat($(window).height()) + parseFloat($(window).scrollTop()); //浏览器的高度加上滚动条的高度
if ($(document).height() <= totalheight) //当文档的高度小于或者等于总的高度的时候,开始动态加载数据
{
//加载数据
$("#container").append("我是新加载出来的数据<br/>");
}
}
$(window).scroll( function() {
console.log("滚动条到顶部的垂直高度: "+$(document).scrollTop());
console.log("页面的文档高度 :"+$(document).height());
console.log('浏览器的高度:'+$(window).height());
loa动态加载数据ata();
});
</script>
</head>
<body>
<div id="container">
动态加载数据<br/>动态加载数据<br/>动态加载数据<br/>动态加载数据<br/>动态加载数据<br/>动态加载数据<br/>动态加载数据<br/>动态加载数据<br/>动态加载数据<br/>动态加载数据<br/>动态加载数据<br/>动态加载数据<br/>动态加载数据<br/>动态加载数据<br/>动态加载数据<br/>动态加载数据<br/>动态加载数据<br/>动态加载数据<br/>动态加载数据<br/>动态加载数据<br/>动态加载数据<br/>动态加载数据<br/>动态加载数据<br/>动态加载数据<br/>动态加载数据<br/>动态加载数据<br/>动态加载数据<br/>动态加载数据<br/>动态加载数据<br/>动态加载数据<br/>动态加载数据<br/>动态加载数据<br/>动态加载数据<br/>动态加载数据<br/>动态加载数据<br/>动态加载数据<br/>动态加载数据<br/>动态加载数据<br/>动态加载数据<br/>动态加载数据<br/>动态加载数据<br/>动态加载数据<br/>动态加载数据<br/>动态加载数据<br/>动态加载数据<br/>动态加载数据<br/>动态加载数据<br/>动态加载数据<br/>动态加载数据<br/>动态加载数据<br/>动态加载数据<br/>动态加载数据<br/>动态加载数据<br/>动态加载数据<br/>
</div>
</body>
</html>
- jQuery实现当拉动滚动条到底部加载数据
- jQuery实现当拉动滚动条到底部加载数据
- jQuery实现当拉动滚动条到底部加载数据
- jQuery实现当拉动滚动条到底部加载数据
- jQuery实现当拉动滚动条到底部加载数据
- 对easyui datagrid 进行扩展拉动滚动条到底部自动加载数据《二》
- 对easyui datagrid 进行扩展拉动滚动条到底部自动加载数据一
- 对easyui datagrid 进行扩展拉动滚动条到底部自动加载数据《二》
- JQuery实现浏览器的滚动条滚动到底部后加载数据
- JQuery实现浏览器的滚动条滚动到底部后加载数据
- Jquery判断滚动条到底部分页加载数据
- 滚动条到底部,自动加载数据
- Jquery的 scroll事件,实现当滚动条到达最底部时,自动加载新项
- 滚动条滚动到底部加载其他数据(Jquery+ajax)
- js当滚动条即将到达底部自动加载数据
- php+jquery+ajax滚动条滚动到底部自动加载,简单实现瀑布流
- 关于用jquery.masonry.js实现动态加载效果(当页面滚动条拉到底部时时重新加载图片)
- Jquery的 scroll事件,实现当滚动条到达最底部时,自动加载新项[转]
- 利用VB控件操作目录和文件夹
- 有关Last-Modified 与 If-Modified-Since
- Android开发必看知识,不看后悔
- Nutch源代码研究 网页抓取 数据结构
- LC并联谐振电路的原理
- jQuery实现当拉动滚动条到底部加载数据
- YUV格式基础
- The content of element type "session-factory" must match "(property*,mapping*,(class-cache|collectio
- Relationship between Link quality and signal level
- Objective-c char转换成nsstring
- 谈谈Apache,tomcat,jboss,weblogic,websphere等各主流服务器
- mysql 数据表读锁机制详解 by cubeking
- fmt:formatDate的输出格式
- Binary Tree Maximum Path Sum