如何通过切换类来解决在jquery中显示/隐藏导航元素时浏览器跳转的问题

Question

当您滚动超过给定点时（在本例中为旁），我尝试显示导航，如果向上滚动则将其隐藏。这按预期工作，但是...

问题是，如果您位于浏览器的确切位置，则由于显示了新元素（显示：无；->显示：粘性；），它会将网站的内容压低到可以有效隐藏导航的高度再次显示自身，并再次显示等

这不是什么大问题，它仅在经常滚动过去的某个特定点发生，但是我想尽可能地对其进行防呆。

window.addEventListener('scroll', navDisplay);

function navDisplay() {
  var header = document.querySelector('.fixed');
  var fixHeight = document.querySelector('aside').offsetTop;

  if (window.pageYOffset > fixHeight) {
    $(header).fadeIn("fast", function(){ header.classList.remove("hidden");});
  } else {
    $(header).fadeOut("fast", function(){ header.classList.add("hidden");});
  }
}