滚动条的控制

jQuery用于滚动条的方法有 scroll(),scrollTop(),scrollLeft();

 

$(window).height();   //获取当前浏览器可视部分的高度,也就说在浏览器窗口改变大小时,这个值也会改变;

$(document).height();  //获取整个页面的高度(包含不可视部分);

 

$(document).scrollTop();   //不带参数,获取当前垂直滚动条位置;带参数就是设置垂直滚动条的位置;

 

判断垂直滚动条是否到达底部:

$(document).scroll(function(){
    if($(document).scrollTop()>=$(document).height()-$(window).height()){
        alert("到底了");
    }
});

 

判断垂直滚动条是否到达顶部:

$(document).scroll(function(){
    if($(document).scrollTop()==0){
        alert("到顶了");
    }
});

 

设置垂直滚动条位置:

//假设有个id=check的按钮

$("#check").click(function(){
    $(document).scrollTop(200);
});

 

scrollLeft()的用法同scrollTop().

 

然后是非窗口的滚动条控制,直接上代码了;

$(".div1").scroll(function(){
    var t=this.scrollTop,  //可滚动的高度
    c=this.clientHeight,   //可视高度(其中padding值不算在内)
    h=this.scrollHeight;  //实际高度(包括不可视的部分)
    if(t+c>=h){
        alert("到底了");
    }
});

关于更多clientHeight属性,请问度娘,上面有很详细的解释,我就不再啰嗦了.