Javascript 如果向上滚动小于40px，则保持标题隐藏

我有以下代码

  var header = document.querySelector('.page-header');
  if (!header) {
    return;
  }

  var scrollPrev = 0;

  window.onscroll = function () {
    var scrolled = window.pageYOffset;
    if (scrolled > 100 && scrolled > scrollPrev) {
      header.classList.add('page-header--fixed');
    } else {
      header.classList.remove('page-header--fixed');
    }
    scrollPrev = scrolled;
  };

其中“page header--fixed”类使页眉粘滞（显示）。一切顺利，但我无法找到解决以下问题的方法：

---

当我向上滚动页面时，我只想在滚动超过40px的情况下使页眉保持粘性。我如何才能做到这一点？

尝试删除或添加标题

var prevScrollpos = window.pageYOffset;

window.onscroll = function() {
var currentScrollPos = window.pageYOffset;
 if ($(window).scrollTop() > 40) {
      if (prevScrollpos > currentScrollPos) {
          header.classList.add('page-header--fixed');
      } else {
          header.classList.remove('page-header--fixed');  
      }
        prevScrollpos = currentScrollPos;
    }
}

if（scrollprov>scrolled+40）

。