判断滚动条滚动到底部的Javascript

John [未分类]

2010.05.04

一个判断滚动条是否滚动到底部的js。实际运用可以把clientHeight和scrollHeight放在方法外面,因为这两个值是不变的,没必要每次都进行计算。IE,FF,Opera,Chrome,Safari均可用。

 查看代码 JAVASCRIPT
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
function reachBottom(){
    var scrollTop = 0;
    var clientHeight = 0; 
    var scrollHeight = 0;
 
    if(document.documentElement && document.documentElement.scrollTop) {  
        scrollTop = document.documentElement.scrollTop;  
    } else if (document.body) {  
	scrollTop = document.body.scrollTop;  
    }  
 
    if(document.body.clientHeight && document.documentElement.clientHeight) {  
        clientHeight = (document.body.clientHeight < document.documentElement.clientHeight) ? document.body.clientHeight : document.documentElement.clientHeight;          
    } else {  
        clientHeight = (document.body.clientHeight > document.documentElement.clientHeight) ? document.body.clientHeight : document.documentElement.clientHeight;      
    }
 
    scrollHeight = Math.max(document.body.scrollHeight,document.documentElement.scrollHeight);
 
    if(scrollTop + clientHeight == scrollHeight) {  
        return true;  
    } else {  
        return false; 
    }
}

有1条评论

  1. A+ would read again

评论

输入后可按 Ctrl+Enter 提交评论.