Question

自上周以来，我一直在这个网站上工作。这是一个学校项目，我无法弄清楚为什么它的一部分不起作用。当我向下滚动时，单击菜单按钮，离开菜单，然后向上滚动，导航栏保持其高度，即使我拿走了调整大小的类。我曾尝试使用Google Chrome的开发者工具来查看正在发生的事情。它只显示划掉的高度属性。我不知道它为什么不能工作，我在代码中寻找任何理由。我也尝试在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;
    }

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

1 个答案: