Javascript 在JQuery中删除类后,为什么我的nav没有调整大小?

Javascript 在JQuery中删除类后,为什么我的nav没有调整大小?,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我从上周开始一直在这个网站上工作。这是一个学校的项目,我不明白为什么它的一部分不起作用。当我向下滚动时,单击菜单按钮,保持菜单向下,然后向上滚动,导航栏保持其高度,即使我去掉了调整其大小的类。我曾尝试使用谷歌Chrome的开发者工具来观察正在发生的事情。它只显示划掉的高度属性。我不知道为什么它不起作用,我在代码中寻找了任何原因。我还在IE浏览器中试过,看看chrome是否因为某种原因出现了问题。它在那里做了同样的事情,导致我认为问题出在我的代码中 以下是其当前发布网站的链接: Html代码:

我从上周开始一直在这个网站上工作。这是一个学校的项目,我不明白为什么它的一部分不起作用。当我向下滚动时,单击菜单按钮,保持菜单向下,然后向上滚动,导航栏保持其高度,即使我去掉了调整其大小的类。我曾尝试使用谷歌Chrome的开发者工具来观察正在发生的事情。它只显示划掉的高度属性。我不知道为什么它不起作用,我在代码中寻找了任何原因。我还在IE浏览器中试过,看看chrome是否因为某种原因出现了问题。它在那里做了同样的事情,导致我认为问题出在我的代码中

以下是其当前发布网站的链接:

Html代码:

Javascript代码:

CSS第1页:

CSS第2页: 有问题!! 滚动回到顶部后,您没有更改
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;
    }

我看不出有什么问题!请你把你的意思截屏一下好吗?!尝试以下操作:按menu,然后向上滚动。它导致高度被划掉。您可能需要一些
javascript
jquery
来显示
nav
滚动时隐藏它??如果是!!请把它寄出去!!当我滚动到顶部时显示中堂的javascript应该在javascript页面上:我已经尝试过了,但它没有做任何事情。这是代码:$nav.css({'height':'40px'});你是这样做的,还是我做的不对。另外,我认为在我去掉下拉类后,它应该调整大小。谢谢,那么为什么我在顶部下方添加它时它不起作用,因为我在$nav.removeClass(“下拉”)下方添加了相同的行;但它没有起作用。我对JQuery相当陌生,所以我很好奇为什么位置很重要。