jquery 监听 页面 滚动 到底部 顶部

$(function () {
        $('.main').scroll(function () {
            var scroH = $('.main').scrollTop();  //滚动高度
            console.log(scroH);
            
            var viewH = $('.main').height();  //可见高度 
            console.log(viewH);
            var contentH = $('.content').height();  //内容高度
            console.log(contentH);

            if (scroH > 100) {  //距离顶部大于100px时
                console.log("大于100")
            }
            if (contentH - (scroH + viewH) <= 100) {  //距离底部高度小于100px
                console.log("小于100")
            }
            if (contentH == (scroH + viewH)) {  //滚动条滑到底部啦
                console.log("到底了")
            }
        });
    })