滚动条滚到底部触发事件

滚动条滚到底部触发事件

这里的是滚动条滚到底部触发事件，而不是滚动条在底部再滚动触发事件

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;
}