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属性,请问度娘,上面有很详细的解释,我就不再啰嗦了.