滚动条滚到底部触发事件
这里的是滚动条滚到底部触发事件,而不是滚动条在底部再滚动触发事件
Jquery代码:
$('.scroll').scroll(function (e) {
if (isScrollBottom(this)) {
// 滚动到底端了 加载内容
//加载数据
appendloading("related");
} else {
// 没有滚动到底端 其他处理
}
});
封装方法:
//判断滚动条是否到达底部
function isScrollBottom(obj) {
if (obj.scrollTop + obj.clientHeight === obj.scrollHeight) {
return true;
} else {
return false;
}
}
function appendloading(id) {
if (hasloading(id)) {
return true;
} else {
$("#" + id).append('<div class="loading"><i class="myicon icon-loading-1 load-icon"></i><span>加载中……</span></div>');
}
}
Html代码:
<div class="scroll">
//内容自己添加
</div>
Css代码:
.scroll {
overflow: hidden;
overflow-y: scroll;
}