JavaScript滚动到底部触发加载数据
2016-07-25 17:47
351 查看
滚动到底部触发事件
$(window).on("resize scroll",function(){
var $currentWindow = $(window);
var windowHeight = $currentWindow.height();//当前窗口的高度
var scrollTop = $currentWindow.scrollTop();//当前滚动条从上往下滚动的距离
var docHeight = $(document).height(); //当前文档的高度
//当 滚动条距底部的距离 + 滚动条滚动的距离 >= 文档的高度 - 窗口的高度
//换句话说:(滚动条滚动的距离 + 窗口的高度 = 文档的高度) 这个是基本的公式
if (scrollTop + windowHeight >= docHeight) {
if(_this.isLastPage == 0) {
_this.sendAjax();
}
}
});
$(window).on("resize scroll",function(){
var $currentWindow = $(window);
var windowHeight = $currentWindow.height();//当前窗口的高度
var scrollTop = $currentWindow.scrollTop();//当前滚动条从上往下滚动的距离
var docHeight = $(document).height(); //当前文档的高度
//当 滚动条距底部的距离 + 滚动条滚动的距离 >= 文档的高度 - 窗口的高度
//换句话说:(滚动条滚动的距离 + 窗口的高度 = 文档的高度) 这个是基本的公式
if (scrollTop + windowHeight >= docHeight) {
if(_this.isLastPage == 0) {
_this.sendAjax();
}
}
});
相关文章推荐
- jsp删除数据弹出删除与取消弹出框
- JSON未定义
- WebGL学习笔记(一)
- ExtJs6 将小写数字金额转换成人民币大写金额
- JavaScript 父子页面相互调用总结
- js限制文本框只能输入数字
- 彻底理解js中this的指向
- QQZiFramework笔记:entityTable与erp.public.js使用方法之常归篇
- js词法分析
- 解决谷歌浏览器无法读取本地js文件
- js基础之DOM中元素对象的属性方法
- js注册在标签上的点击事件
- JavaScript事件委托
- DataTable转换成json字符串
- JavaScript文档对象模型
- js闭包
- JSON介绍
- extjs3.3 + fushioncharts + velocity 实现折线图
- 《精通javascript》几个简单的函数
- maven中Rhino classes (js.jar) not found - Javascript disabled的处理