clearTimeout在我的滚动功能中不起作用

如何解决clearTimeout在我的滚动功能中不起作用

我试图在向上滚动时清除setTimeout，但是有一段时间试图使其正常工作。

这是我目前的代码：

var lastScrollPosition = 0,scrollingDown = false,pageYOffset = 0,timer;

window.addEventListener("scroll",scrollFunction,false);

function scrollFunction () {
  pageYOffset = window.pageYOffset;

  // Scrolling down.
  if (pageYOffset > lastScrollPosition) {
    scrollingDown = true;
  }

  // Scrolling up.
  if (pageYOffset < lastScrollPosition) {
    scrollingDown = false;
  }

  if (scrollingDown) {
    timer = setTimeout(function() {
      el.classList.remove("class");
    },800);
  }
  else {
    clearTimeout(timer);
    el.classList.add("class");
  }

  lastScrollPosition = pageYOffset;
}

这些类正确添加/删除，并且setTimeout()正在触发，但是clearTimeout()并未清除超时。

我尝试将else中的timer重置为null，并尝试在“ //向上滚动”中运行clearTimeout()。陈述，都没有成功。

我如何使clearTimeout（）正常工作？

---

根据评论进行编辑：

添加计时器检查并在向上滚动时将其重置为null看起来可以工作。

更新的代码：

if (scrollingDown) {
  if (timer === null) {
    timer = window.setTimeout(function() {
      el.classList.remove("class");
    },800);
  }
}
else {
  window.clearTimeout(timer);
  timer = null;
  el.classList.add("class");
}