美文网首页
jquery实现屏幕滚动到最底部触发事件

jquery实现屏幕滚动到最底部触发事件

作者: haiyong6 | 来源:发表于2020-05-05 15:55 被阅读0次

    自己做了一个图床管理软件,当看全部图片的时候不想做成普通分页的那种形式,因为要同时兼容pc和手机访问,所以最好能实现屏幕滚到最后再触发请求下一页。

    记录个能很简单实现的方法,不知道有没有bug,应该可以适应大部分的情况:

    function windowOnScroll(thisE){
        $(window).scroll(function(e){
            let scrollTop = Math.ceil(Number($(window).scrollTop()));
            let heightMinus = Number($(document).height() - $(window).height());
            if (scrollTop == heightMinus) {
                //console.log(1,"滚到底部了..")
                //每次滚动到底部
                if(thisE.imagesArr.length < thisE.totalNum){
                    thisE.pageIndex++;
                    getImgDataClick(thisE, 3);
                }
            }    
        });
    }
    

    相关文章

      网友评论

          本文标题:jquery实现屏幕滚动到最底部触发事件

          本文链接:https://www.haomeiwen.com/subject/yovmghtx.html