你的位置:首页 > Java教程

[Java教程]js判断窗体或容器滚动条到底部


 

 

NO1---jquery判断窗体滚动条到底部

$(window).scroll(function () {
if ($(window).scrollTop() >= $(document).height() - $(window).height()) {
alert("噢,滚动条到底部了.");
}
});

 

NO2---jquery判断容器滚动条到底部

$("#contain").scroll(function(){
var viewH = $(this).height(),//可见高度
var contentH = $(this).get(0).scrollHeight,//内容高度
var scrollTop = $(this).scrollTop();//滚动高度
//if(contentH - viewH - scrollTop <= 100) { //到达底部100px时,加载新内容
if(scrollTop/(contentH - viewH)>= 0.95){ //到达底部100px时,加载新内容
alert("噢,滚动条到底部了.");
}
});


NO3---js的判断容器滚动条到底部

$(document).ready(function (){
var nScrollHight = 0; //滚动距离总长(注意不是滚动条的长度)
var nScrollTop = 0; //滚动到的当前位置
var nDivHight = $("#div1").height();
$("#div1").scroll(function(){
nScrollHight = $(this)[0].scrollHeight;
nScrollTop = $(this)[0].scrollTop;
if(nScrollTop + nDivHight >= nScrollHight)
alert("滚动条到底部了");
});
});