首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

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

2012-11-05 
jquery 判断div是否滚动到底部!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.0 Transitional//ENHTML?H

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>

热点排行