滑动（左滑右滑加载下一页）

VIP文章 777zhangsan

于 2022-12-09 10:51:46 发布

阅读量317

点赞数

分类专栏： js h5 html 文章标签：前端 javascript 开发语言

本文链接：https://blog.csdn.net/qq_41269564/article/details/128249163

版权

左滑

document.addEventListener('scroll', function (event) {
//是我用的calss名  若是id可以这样写event.target.id
        if (event.target.className === 'generalGreetingCards') {
            var scrollLeft = $(".generalGreetingCards")[0].scrollLeft; 
            var clientWidth = $(".generalGreetingCards")[0].clientWidth;
            var scrollWidth = $(".generalGreetingCards")[0].scrollWidth;
            if(scrollLeft + clientWidth == scrollWidth){
            //左滑之后的加载下一页
                if(hasMoreC===true){
                    page++;
                    load_more_msg(page,type);
                }
            }
        }
    }, true );

下滑

直接可以scroll
var flagNumA;
$('.receivingRecords').unbind('scroll').bind('scroll',function(){
        var scrollTop = $(this)[0].scrollTop;
        var client