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)){ //滚动条滑到底部啦

    }  

    });