页面滚动加载
2015-11-14 14:32
239 查看
//1.页面滚动加载
$(document).ready(function () { //本人习惯这样写了
$(window).scroll(function () {
//$(window).scrollTop()这个方法是当前滚动条滚动的距离
//$(window).height()获取当前窗体的高度
//$(document).height()获取当前文档的高度
var bot = 50; //bot是底部距离的高度
if ((bot + $(window).scrollTop()) >= ($(document).height() - $(window).height())) {
//当底部基本距离+滚动的高度〉=文档的高度-窗体的高度时;
//我们需要去异步加载数据了
$.getJSON("url", { page: "2" }, function (str) { alert(str); });
}
});
});
$(document).ready(function () { //本人习惯这样写了
$(window).scroll(function () {
//$(window).scrollTop()这个方法是当前滚动条滚动的距离
//$(window).height()获取当前窗体的高度
//$(document).height()获取当前文档的高度
var bot = 50; //bot是底部距离的高度
if ((bot + $(window).scrollTop()) >= ($(document).height() - $(window).height())) {
//当底部基本距离+滚动的高度〉=文档的高度-窗体的高度时;
//我们需要去异步加载数据了
$.getJSON("url", { page: "2" }, function (str) { alert(str); });
}
});
});
相关文章推荐
- 用数据阐述Java, Python, Ruby, PHP, C等各语言性能对比
- 爬爬爬之路:UI(三)自定义视图 MVC浅谈 视图控制器 屏幕旋转事件获取
- Bloom Filter概念和原理
- mysql使用笔记:常用的数据库命令
- hdu 1247 Hat’s Words 字典树
- 九度OJ 1254:N皇后问题 (N皇后问题、递归、回溯)
- 九度OJ 1252:回文子串 (字符串处理、DP)
- 九度OJ 1252:回文子串 (字符串处理、DP)
- 九度OJ 1254:N皇后问题 (N皇后问题、递归、回溯)
- 用MATLAB进行部分分式展开
- 第三天-linux版本选择及安装
- UI基础-自定义视图、视图控制器
- 第十八天(待编辑状态)
- 如何删除NSDictionary或NSArray中的NSNull
- stl中的list学习笔记
- osg的fov解释
- 如何删除NSDictionary或NSArray中的NSNull
- ECMAScript——命名规范
- 第十七天
- ssh免密码设置