读书人

jquery 判断div是不是滚动到底部

发布时间: 2012-11-05 09:35:12 作者: rapoo

jquery 判断div是否滚动到底部

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
?<HEAD>
? <TITLE> this is main page. </TITLE>
? <META NAME="Generator" CONTENT="EditPlus">
? <META NAME="Author" CONTENT="">
? <META NAME="Keywords" CONTENT="">
? <META NAME="Description" CONTENT="">
? <script type="text/javascript" src="jquery-1.4.2.min.js"></script>
? <script type="text/javascript">
?? $(function(){
?? ??? ?var distanceScrollCount = 0; //滚动距离总长
??????? var distanceScroll = 0;?? //滚动到的当前位置
??????? var divHight = $("#hioye").height();

??????? $("#hioye").scroll(function(){
????????? distanceScrollCount = $(this)[0].scrollHeight;
????????? distanceScroll = $(this)[0].scrollTop;
????????? if(distanceScroll + divHight >= distanceScrollCount)
??????????? alert("滚动条到底部了");
????????? });
?? });
?? function dos(){
?? ??? ?//$("#abc").append("dfdfd---");
?? ??? ?
?? }
? </script>
? <style type="text/css">
?? .div{margin:5px;}
?? </style>
?</HEAD>

?<BODY>
?<div id="abc"></div>
<div id="hioye" style="width:100px;height:100px;overflow-y:scroll;background-color:red;">
sdfs<br/>
sdfs<br/>
sdfs<br/>
sdfs<br/>
sdfs<br/>sdfs<br/>
sdfs<br/>
sdfs<br/>
sdfs<br/>
sdfs<br/>
sdfs<br/>
sdfs<br/>
sdfs<br/>sdfs<br/>sdfs<br/>
sdfs<br/>
sdfs<br/>
sdfs<br/>
sdfs<br/>
sdfs<br/>sdfs<br/>
sdfs<br/>
sdfs<br/>
sdfs<br/>
sdfs<br/>
sdfs<br/>
sdfs<br/>
sdfs<br/>sdfs<br/>sdfs<br/>adasdasdadff
</div>
?</div>
?</BODY>
</HTML>

读书人网 >Web前端

热点推荐