为什么不添加/删除课程？ -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);