判断滚动条是否到达页面的尾部？

编程技术  /  houtizong 发布于 3年前   85

1.  取窗口滚动条高度   
3. function getScrollTop()   
4. {   
5.     var scrollTop=0;   
6.     if(document.documentElement&&document.documentElement.scrollTop)   
7.     {   
8.         scrollTop=document.documentElement.scrollTop;   
9.     }   
10.     else if(document.body)   
11.     {   
12.         scrollTop=document.body.scrollTop;   
13.     }   
14.     return scrollTop;   
15. }   
16.   
17.   
19.  取窗口可视范围的高度   
21. function getClientHeight()   
22. {   
23.     var clientHeight=0;   
24.     if(document.body.clientHeight&&document.documentElement.clientHeight)   
25.     {   
26.         var clientHeight = (document.body.clientHeight<document.documentElement.clientHeight)?document.body.clientHeight:document.documentElement.clientHeight;           
27.     }   
28.     else  
29.     {   
30.         var clientHeight = (document.body.clientHeight>document.documentElement.clientHeight)?document.body.clientHeight:document.documentElement.clientHeight;       
31.     }   
32.     return clientHeight;   
33. }   
34.   
35.  
36.  取文档内容实际高度   
38. function getScrollHeight()   
39. {   
40.     return Math.max(document.body.scrollHeight,document.documentElement.scrollHeight);   
41. }   
42.         function test(){   
43.     if (getScrollTop()+getClientHeight()==getScrollHeight()){   
44.         alert("到达底部");   
45.     }else{   
46.         alert("没有到达底部");   
47.     }   
48.         }