javascript - 当我向上滚动时，如何使“粘性菜单”回到原来的类？

Question

我对javascript相当陌生，我正在尝试在我的网站上制作第二个粘性菜单。当您向下滚动时，我有第二个导航更改其类，这似乎工作正常。但是，一旦您向上滚动，我希望它回到原来的类。有什么帮助吗？代码如下。

<script type="text/javascript">        
$(window).scroll(function () { 
        if (window.scrollY > 200)
        {
      $("#top-bar").removeClass("nav-main").addClass("navbar-inner").addClass("navbar-fixed-top"); 
    }

    });
</script>

谢谢。

Answer 1

也许类似于 else 的东西可以恢复原始类。

<script type="text/javascript">        
$(window).scroll(function () { 
        if (window.scrollY > 200) {
           $("#top-bar").removeClass("nav-main").addClass("navbar-inner").addClass("navbar-fixed-top"); 
        } else {
           $("#top-bar").addClass("nav-main").removeClass("navbar-inner").removeClass("navbar-fixed-top"); 
        }

    });
</script>