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

pageEncoding="UTF-8"%>

$(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

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！