Javascript 使用jquery发布粘性导航

我正在尝试使用css和jquery构建一个粘性导航，我正在使用以下代码

$(window).scroll(function() {
    var navheight = $('.site-navigation').offset().top;
    if ($(window).scrollTop() >= navheight) {
        $('.site-navigation').addClass('fixed-site-navigation');
    }
    if ($(window).scrollTop() < navheight) {
        $('.fixed-site-navigation').removeClass('fixed-site-navigation');
    }
});

$（窗口）。滚动（函数（）{
var navheight=$（'.site navigation'）.offset（）.top；
如果（$（窗口）.scrollTop（）>=navheight）{
$（'.site-navigation'）.addClass（'fixed-site-navigation'）；
}
如果（$（窗口）.scrollTop（）

向下滚动时，第二个if（）块不会执行（已添加的固定站点导航类不会删除）。有人能帮我找到答案吗：）

---

如果你应该这样做

你可能应该使用

else如果

或者

else

statement@Elen这可能是正确的方法，这在逻辑上有区别吗？仍然得到相同的结果没有人知道更好的方法吗？有更好的技术吗？仍然得到同样的结果。导航仍然有效fixed@solom-quick似乎对我有用（有点闪烁，但类被添加和删除）我已经将此css规则添加到类“固定站点导航”中。

$(window).on('scroll', function() {
    var navheight = $('.site-navigation').offset().top,
        toggle    = $(window).scrollTop() >= navheight;

    $('.site-navigation').toggleClass('fixed-site-navigation', toggle);
});

.fixed-site-navigation
{
    position:fixed;
    top:0;
}