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

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>