判断滚动条是否到最底端

 

<script language="javascript">
function myFun(oDiv){
        
var n1 = parseInt(oDiv.scrollTop);
        
var n2 = parseInt(oDiv.clientHeight);
        
var n3 = parseInt(oDiv.scrollHeight);

        (n1
+n2==n3)&&alert('终于到达最底端');

}

</script> 
<div id="div1" onscroll='myFun(this)' style="border:1px #ff9966 dashed;width:400;height:100px;overflow-x:hidden;overflow-y:scroll"> 
是否到最底端?
<br>
是否到最底端?
<br>
是否到最底端?
<br>
是否到最底端?
<br>
是否到最底端?
<br>
是否到最底端?
<br>
是否到最底端?
<br>
是否到最底端?
<br>
是否到最底端?
<br>
是否到最底端?
<br>
是否到最底端?
<br>
是否到最底端?
<br>
是否到最底端?
<br>
是否到最底端?
<br>
是否到最底端?
<br>
是否到最底端?
</div>

 

网页可见区域宽: document.body.clientWidth;
网页可见区域高: document.body.clientHeight;
网页可见区域宽: document.body.offsetWidth   (包括边线的宽);
网页可见区域高: document.body.offsetHeight (包括边线的宽);
网页正文全文宽: document.body.scrollWidth;
网页正文全文高: document.body.scrollHeight;
网页被卷去的高: document.body.scrollTop;
网页被卷去的左: document.body.scrollLeft;
网页正文部分上: window.screenTop;
网页正文部分左: window.screenLeft;
屏幕分辨率的高: window.screen.height;
屏幕分辨率的宽: window.screen.width;
屏幕可用工作区高度: window.screen.availHeight;
屏幕可用工作区宽度:window.screen.availWidth;

 

 

你可能感兴趣的:(滚动条)