jquery滚动监听滚动一次触发多次事件，怎么解决？

Question

用JQuery写滚动监听懒加载，滚轮滚动一次触发多次事件var x = 1;var winH = $(window).height();//页面的高度$(window).on("scroll",function(){      clearTimeout(timer);      scrollTop = $(window).scrollTop(),//滚动条距离顶部的距离      offSetTop = $(".container>.fl>.box:last").offset().top;//在页面中的位置      //console.log(offSetTop < (winH + scrollTop));      if(isVisible(".container>.fl>.box:last"))      {         x=++x;         var ddiv = `<div class = "box"> ${x} </div>`;         var timer = setTimeout(function () {            $(".container>.fl").append(ddiv);            console.log("出现在视野里");         }, 1000);      }})function isVisible(el){    if ($(el).offset().top <(winH + scrollTop))    return true;}写了setTimeout还是会出现这个问题 是不是我鼠标滚轮问题？