jQuery监听页面的滚动状态，实现代码：

$(document).scroll(function() {
       var scroH = $(document).scrollTop(); //滚动高度
       var viewH = $(window).height(); //可见高度
       var contentH = $(document).height(); //内容高度

if(scroH >100){ //距离顶部大于100px时

}
      if (contentH - (scroH + viewH) <= 100){ //距离底部高度小于100px

}  
    if (contentH = (scroH + viewH)){ //滚动条滑到底部啦

}

});