滚动条每次滚到一定范围触发js一次

思考的行者

已于 2022-05-31 10:41:56 修改

阅读量2.8k

点赞数 1

CC 4.0 BY-SA版权

分类专栏： javascript 文章标签：滚动条事件滚动监听

于 2018-08-11 19:23:36 首次发布

本文链接：https://blog.youkuaiyun.com/xiaonankeji/article/details/81590009

javascript 专栏收录该内容

4 篇文章

订阅专栏

本文介绍了一个具体的场景下如何优化滚动条事件的触发频率，避免在特定区间内频繁调用绘图方法，通过设置标志变量实现了预期效果。

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

最近有一个需求是，每次滚动条滚到一定范围内（500px<n<1500px），开始执行
画柱状图的方法draw（）一次。但滚动条事件是不停的触发，得到的效果是：滚动
条一旦超过500px，就不停的执行draw（），直到距离大于1500px才停止，这显然
不是我们预期的效果。
改进方案是：

$(document).ready(function(){
    var flag=true;
    $(window).scroll(function(){
        var s=$(window).scrollTop();
        if(s>400&&s<1500){
            if(flag){
                draw();
                flag=false;
            }
        }else{
            flag=true;
        }
    });
});