欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

滚动条判断是否滑动到顶部底部

程序员文章站 2023-12-01 23:45:04
/** * [滚动条] */ $(window).scroll(function() { var scrollTop = $(this).scrollTop(); // 滚动条距离顶部的高度 console.log("滚动条距离顶部的高度-->" + scrollTop); var scrollHe... ......
    /**
     * [滚动条]
     */
    $(window).scroll(function() {

        var scrolltop = $(this).scrolltop(); // 滚动条距离顶部的高度
        console.log("滚动条距离顶部的高度-->" + scrolltop);

        var scrollheight = $(document).height(); // 当前页面的总高度
        console.log("当前页面的总高度-->" + scrollheight);

        var clientheight = $(this).height(); // 当前可视的页面高度
        console.log("当前可视的页面高度-->" + clientheight);

        if (scrolltop + clientheight >= scrollheight) { // 距离顶部高度+可视高度 >= 文档总高度 即代表滑动到底部         

            // code...
            alert('已经到底了!');

        } else if (scrolltop <= 0) {

            // code...
            alert('已经到顶了!');

        }

    });