jQuery判断页面滚动方向

最新推荐文章于 2024-07-03 03:02:04 发布

翻译最新推荐文章于 2024-07-03 03:02:04 发布 · 952 阅读

本文介绍了一种使用jQuery实现页面滚动方向判断的方法。通过监听滚动事件并比较前后滚动位置，可以准确判断用户的滚动方向（向上或向下），从而为异步加载等场景提供依据。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在页面滚动进行异步加载的需求中，可用到判断页面滚动方向，判断是否进行页面请求

 $(document).ready(function(){
        $(window).on("scroll",function(){
            //记录开始滚动位置
            var before=$(this).scrollTop();
            $(window).on("scroll",function(){
                //记录滚动之后的滚动位置变化
                var after=$(this).scrollTop();
                if(before>after) {
                    console.log("向上滚");
                    //把当前的滚动位置赋值给起始滚动位置
                    before=after;
                }else if(after>before){
                    console.log("向下滚");
                    //把当前的滚动位置赋值给起始滚动位置
                    before=after;
                }else {
                    console.log("error");
                }
            })
        })
    })