读书人

运用jquery判断鼠标滚动到页面底部

发布时间: 2012-08-21 13:00:22 作者: rapoo

使用jquery判断鼠标滚动到页面底部
$(function(){
$(window).scroll(function(){
if(arrviedAtBottom()) {
//...已到达最底部
}
});

var arrivedAtBottom = function () {
return $(document).scrollTop() + $(window).height() == $(document).height();
}
});

另转载@龙城野火提供的原生js写法(原文链接:http://blog.sina.com.cn/s/blog_4b67d3240100rhkh.html):



function reachBottom() {



var scrollTop = 0;

var clientHeight = 0;

var scrollHeight = 0;



if (document.documentElement && document.documentElement.scrollTop) {

scrollTop = document.documentElement.scrollTop;

} else if (document.body) {

scrollTop = document.body.scrollTop;

}

读书人网 >Web前端

热点推荐