怎么用 jQuery 判断 DIV 的垂直滚动条滚动到底部了? 如题。 解决方案 » 免费领取超大流量手机卡,每月29元包185G流量+100分钟通话, 中国电信官方发货 <html><script src="jquery-1.4.2.min.js"></script><script>$(document).ready(function (){ $("#div1").scroll(function(){ if($("#div1").height()==$("#div1").scrollTop()) alert("滚动条到底了"); });});</script><body><div id="div1" style="overflow-y: auto;overflow-x: hidden; height:300px;"><div style="background-color:red; height:600px;"></div></div></body></html> 应该是判断div的高度和滚动的高度是否相等就是楼上写的 2楼的:把你的代码中的语句<div id="div1" style="overflow-y: auto;overflow-x: hidden; height:300px;">中的 height:300px; 改成:height:500px;看一看代码能不能用了???你正好测试了一种特例,其实是错误的。 不好意思,写的时候没在意,改了下你看看<html><script src="jquery-1.4.2.min.js"></script><script>$(document).ready(function (){ $("#div1").scroll(function(){$("#span1").html($("#div1").scrollTop()) if($("#div1").height()+$("#div1").scrollTop()==$("#div2").height()) alert("滚动条到底了"); });});</script><body><div id="div1" style="overflow-y: auto;overflow-x: hidden; height:500px;"><div id="div2" style="background-color:red; height:600px;"></div></div><span id="span1"><span></body></html> 正解:请看文章:jQuery 的 Div 标签滚动条属性及判断垂直滚动条是否到达底部:http://blog.why100000.com/?p=843 在 chrome 浏览器下使用 margin-top ,就会出现问题的 if ($(document).height() > $(window).height()) { h = $(document).height() - $(window).height(); } else { h = $(window).height() - $(document).height(); }if($("#div").scrollTop == h){alert("滚动到底部了!");} 用js得到图片的base64编码 一个很菜的JS赋值 捕获窗口关闭时间 lhgcore -> lhgdialog弹出窗口等组件更新(2009-9-10) 用window.open 打开一个新窗口,显示一个php网页,为什么会出现第二排的一个地址文字栏? html引入extjs问题 input的搜索功能 如何计算某年某月的天数和每天对应的星期 each获取不了 求教IE下JS在body里面加载问题 如何"live绑定插件方法"? flash上传的时候 把图片加密了?
<script src="jquery-1.4.2.min.js"></script>
<script>
$(document).ready(function (){
$("#div1").scroll(function(){
if($("#div1").height()==$("#div1").scrollTop())
alert("滚动条到底了"); });
});
</script>
<body>
<div id="div1" style="overflow-y: auto;overflow-x: hidden; height:300px;">
<div style="background-color:red; height:600px;">
</div>
</div>
</body>
</html>
就是楼上写的
把你的代码中的语句
<div id="div1" style="overflow-y: auto;overflow-x: hidden; height:300px;">
中的 height:300px; 改成:
height:500px;
看一看代码能不能用了???你正好测试了一种特例,其实是错误的。
<html>
<script src="jquery-1.4.2.min.js"></script>
<script>
$(document).ready(function (){
$("#div1").scroll(function(){$("#span1").html($("#div1").scrollTop())
if($("#div1").height()+$("#div1").scrollTop()==$("#div2").height())
alert("滚动条到底了"); });
});
</script>
<body>
<div id="div1" style="overflow-y: auto;overflow-x: hidden; height:500px;">
<div id="div2" style="background-color:red; height:600px;">
</div>
</div>
<span id="span1"><span>
</body>
</html>
http://blog.why100000.com/?p=843
{
h = $(document).height() - $(window).height();
} else {
h = $(window).height() - $(document).height();
}
if($("#div").scrollTop == h){alert("滚动到底部了!");}