javascript - 为什么不添加/删除类？- Javascript

Question

因此，在导航栏中添加和删除“粘性”类非常有效。但是，添加和删除“i”类不会。它要么一直保留，要么一直“删除”，具体取决于加载页面时的 navbar.offsetTop 。

我不明白为什么（以及如何使其正常工作）。你能帮忙吗？

<div id="navbar-brand">
    <a class="navbar-brand" href="#">Innere Kinder</a>
</div>

.i {
 display: none;
}

var navbar = document.getElementById("sticky_navbar");
var brand = document.getElementById("navbar-brand");
var sticky = navbar.offsetTop;

function stickyNavbar() {
  if (window.pageYOffset >= sticky) {
    navbar.classList.add("sticky");
    brand.classList.remove("i");
  } else {
    navbar.classList.remove("sticky");
    brand.classList.add("i");
  }
}

function init() {
window.addEventListener('scroll', stickyNavbar, false);
}

document.addEventListener('load', init, false);

标签： javascriptcss