简单判断是否滚动到页面底部/顶部jQuery代码,document的height跟window.height值一样解决方法
需求：
判断当前的网页页面是否滚动到顶部/底部了。
代码：
$(document).ready(function() {
$(window).scroll(function() {
if ($(document).scrollTop()<=0){
alert("滚动条已经到达顶部为0");
}
if ($(document).scrollTop() >= $(document).height() - $(window).height()) {
alert("滚动条已经到达底部为" + $(document).scrollTop());
}
});
});
检测DIV中滚动条是否到底部：
$(document).ready(function() {
$("#scroll_div").scroll(function(){
var divHeight = $(this).height();
var nScrollHeight = $(this)[0].scrollHeight;
var nScrollTop = $(this)[0].scrollTop;
$("#input1").val(nScrollHeight);
$("#input2").val(nScrollTop);
$("#input3").val(divHeight);
if(nScrollTop + divHeight >= nScrollHeight) {
alert("到达底部了");
}
});
});
注意事项：
如果不生效/ $(document).height()和$(window).height()获得的值是一样的情况请在页面底部<html>前面请加上：
<!DOCTYPE html>因为$(window).height()必须要指定DOCTYPE。否则这个值跟document.height()是一样的！
天下网吧·网吧天下
闽公网安备35010202000238号