html 滚动条底部事件,滚动条滚动到底部触发事件

pageEncoding="UTF-8"%>

Insert title here

$(function() {

$("#contain").scroll(

function() {

var $this = $(this), viewH = $(this).height(), //可见高度

contentH = $(this).get(0).scrollHeight, //内容高度

scrollTop = $(this).scrollTop();//滚动高度

console.log("viewH:" + viewH + " contentH:" + contentH + " scrollTop:" + scrollTop);

//if(contentH - viewH - scrollTop <= 100) { //到达底部100px时,加载新内容

if (scrollTop / (contentH - viewH) >= 0.95) { //到达底部100px时,加载新内容

// 这里加载数据..

alert("这里加载数据..");

}

});

scrollBottomTest = function() {

}

})

style="width: 100%; height: 500px; overflow: auto; border: solid red 1px;">

这里加载数据..
这里加载数据..
这里加载数据..
这里加载数据..

这里加载数据..
这里加载数据..
这里加载数据..
这里加载数据..

这里加载数据..
这里加载数据..
这里加载数据..
这里加载数据..

这里加载数据..
这里加载数据..
这里加载数据..
这里加载数据..

这里加载数据..
这里加载数据..
这里加载数据..
这里加载数据..

这里加载数据..
这里加载数据..
这里加载数据..
这里加载数据..

这里加载数据..
这里加载数据..
这里加载数据..
这里加载数据..

这里加载数据..
这里加载数据..
这里加载数据..
这里加载数据..

这里加载数据..
这里加载数据..
这里加载数据..
这里加载数据..

原文：http://www.cnblogs.com/cxxjohnson/p/4999309.html