在删除JQuery中的类后，为什么我的导航不调整大小？

Question

自上周以来，我一直在该网站上工作。 这是一个学校项目，我无法弄清楚为什么其中一部分无法使用。 当我向下滚动时，单击菜单按钮，使菜单保持向下，然后向上滚动，即使我取消了调整其大小的类，导航栏仍保持其高度。 我试图使用Google Chrome浏览器的开发人员工具来查看发生了什么。 它仅显示掉掉了height属性。 我不知道为什么它不起作用，并且出于任何原因我都在代码中进行了查找。 我还在Internet Explorer中尝试了它，以查看chrome是否由于某种原因而出现问题。 它在那里做了同样的事情，使我认为问题出在我的代码中。

这是当前发布在其上的网站的链接： http : //www.dragonmath.net/rockets/

HTML程式码： http ： //www.dragonmath.net/rockets/index.html

Javascript代码： http ： //www.dragonmath.net/rockets/javascript/main.js

CSS工作表1： http ： //www.dragonmath.net/rockets/styles/main.css

CSS工作表2： http ： //www.dragonmath.net/rockets/styles/function.css

Answer 1

有问题！ 滚动到顶部后，您没有更改nav元素的高度；再次滚动到40px后，它可能会解决您的问题。

if (flag !== 2 && $(window).scrollTop() === 0) {

        //add this line
        $nav.css({height:'40px'});

        $nav.slideUp();
        $nav.removeClass("dropDown");
        $menu.stop(true,false).slideUp(800, function () {
            $heading.css({'margin-left':'40px'})
        });
        $nav.stop(true,false).slideDown();
        flag = 2;
    }