如何检查滚动条是否已达到div的末尾？

Question

function yHandler() { 

    var show = document.getElementById('show'); 
    var contentHeight = show.offsetHeight; 
    var yOffset = show.pageYOffset; 
    var y = yOffset + show.innerHeight; 

    if(y >= contentHeight) { 
     alert("ok") 
     } 
    } 
    show.onscroll = yHandler; 

如何检查滚动条是否已达到div的结尾？

Answer 1

一些代码为你工作：

var scroll = document.getElementById('scroll'); 
var content = document.getElementById('content'); 

scroll.onscroll = function(){ 
    var total = scroll.scrollTop + scroll.clientHeight; 

    if(total == content.clientHeight) 
     alert('Reached bottom!'); 
} 

http://jsfiddle.net/EY6qP/

Answer 2

托尔的方法工作得很好（+1），但你也可以依靠scrollHeight。

(function(scroll){ 
    scroll.onscroll = function(){ 
    if (scroll.scrollTop + scroll.clientHeight == scroll.scrollHeight) { 
     console.log('hither!'); 
    } 
    } 
})(document.getElementById('scroll'));