<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<title>下拉滚动条滚到底部了吗？</title>
<script type="text/javascript" src="../js/jquery-1.11.0.min.js"></script>
<script language="javascript">
$(document).ready(function (){
var nScrollHight = 0; //滚动距离总长(注意不是滚动条的长度)
var nScrollTop = 0; //滚动到的当前位置
var nDivHight = $("#div1").height();
$("#div1").scroll(function(){
nScrollHight = $(this)[0].scrollHeight;
nScrollTop = $(this)[0].scrollTop;
console.log(nScrollTop + nDivHight);
if(nScrollTop + nDivHight >= nScrollHight){
alert("滚动条到底部了");
}
var a=nScrollHight/750;
for(var i=0;i<a;i++){
if((nScrollTop + nDivHight >= 750*i ) && (nScrollTop + nDivHight <= 750*(i+1))){
$("#page").val(""+(i+1)+"s")
console.log(""+(i+1)+"s");
}
}
});
});
</script>
<body>
本内容试读结束，登录后可阅读更多
下载后可阅读完整内容，剩余1页未读，立即下载
