JS实现界面有滚动条，滚动到最底部时候触发事件

代码实现：

JS：

window.onscroll = function () {
    //变量scrollTop是滚动条滚动时，距离顶部的距离，兼容ie
    var scrollTop = document.documentElement.scrollTop || document.body.scrollTop;
    //变量windowHeight是可视区的高度，兼容ie
    var windowHeight = document.documentElement.clientHeight || document.body.clientHeight;
    //变量scrollHeight是滚动条的总高度，兼容ie
    var scrollHeight = document.documentElement.scrollHeight || document.body.scrollHeight;
    //滚动条到底部的条件，兼容ie
    if (scrollTop + windowHeight === scrollHeight) {
       console.log('已经下拉到底部啦！')
       console.log('界面的总高度为:'+scrollHeight+',可视窗口的高度为:'+windowHeight+',滚动条距离顶部的高度为:'+scrollTop)
    }
}

HTML:

    
        
    

    
我的第一张网页
    
我的第一个段落。
    

    

    
div
    

简单明了