Javascript 页面加载后粘性导航栏不工作

Sticky导航栏工作正常，但当我向下滚动并在页面上加载新项目时，它就不工作了，即使滚动并到达页面顶部，它也会固定在顶部。如何修复它

var $window = $(window);
    $window.on('scroll', function () {
        var scroll = $window.scrollTop();
        if (scroll < 300) {
            $(".sticky").removeClass("is-sticky");
        } else {
            $(".sticky").addClass("is-sticky");
        }
    });

var$window=$（window）；
$window.on（'scroll'，函数（）{
var scroll=$window.scrollTop（）；
如果（滚动<300）{
$（“.sticky”）.removeClass（“是sticky”）；
}否则{
$（“.sticky”）.addClass（“是sticky”）；
}
});

你能试试这个吗：

<script>
window.onscroll = function() {myFunction()};

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

function myFunction() {
  if (window.pageYOffset >= sticky) {
    navbar.classList.add("is-sticky")
  } else {
    navbar.classList.remove("is-sticky");
  }
}
</script>

window.onscroll=function（）{myFunction（）}；
var navbar=document.getElementById（“.sticky”）；
var sticky=navbar.offsetTop；
函数myFunction（）{
如果（window.pageYOffset>=粘性）{
navbar.classList.add（“是粘性的”）
}否则{
navbar.classList.remove（“是粘性的”）；
}
}

使“is sticky”类工作的css在哪里？