Javascript 汉堡包下拉菜单

我创建了一个带有著名汉堡图标的下拉导航菜单。当加载页面和/或向下滚动页面之前，它会完美地下降，但如果我向下滚动然后再向上滚动，当我单击图标时，它会将nav ul列表一分为二，不再显示滚动之前的内容。 我不知道为什么会这样

以下是脚本：

<script>
 $(document).ready(function (){
  $('.nav-btn').on("click", function() {
    $('#main-nav').slideToggle("slow");
     $(window).resize(function() {
        if($(window).width() > 600) {
            $("#main-nav").removeAttr("style");
            }
        });
    });
    });
</script>

---

您有一个javascript，它在headwrapper div上应用了130px的高度

<div id="headwrapper" class="" style="height: 130px;">

当我把130像素从菜单上取下来时，它的动作正常。它似乎是在scroll上添加的，所以当我向上滚动到顶部时，javascript会再次启用它。尝试将其更改为“高度：自动”，或者尝试将其设置为“高度：自动”，而不是设置固定高度；最大高度：1000px；或者类似的。这应该能解决你的问题

---

编辑*：我建议设置一个最大高度：75px；在您的.small上添加一个高度：auto；最大高度：1000px；在你的头巾上。如果您将它与css转换一起使用，它将提供与现在相同的效果。

您有一个javascript，它在headwrapper div上应用了130px的高度

<div id="headwrapper" class="" style="height: 130px;">

当我把130像素从菜单上取下来时，它的动作正常。它似乎是在scroll上添加的，所以当我向上滚动到顶部时，javascript会再次启用它。尝试将其更改为“高度：自动”，或者尝试将其设置为“高度：自动”，而不是设置固定高度；最大高度：1000px；或者类似的。这应该能解决你的问题

---

编辑*：我建议设置一个最大高度：75px；在您的.small上添加一个高度：auto；最大高度：1000px；在你的头巾上。如果您将其与css转换一起使用，它应该会给您带来与现在相同的效果。

请创建一个css转换，这样我们就可以有一些东西来查看和使用，以更好地帮助您。不过，不确定这是否会更清楚……请注意：1。在JSFIDLE中不能以这种方式为jquery提供资源。您需要从框架和扩展下左上角的下拉列表中选择jquery。2.您不需要javascript部分中的标记。我能够让菜单扩展和收缩，但我无法看到您遇到的问题。如果不复制您正在经历的问题，则很难看到做错了什么。尝试在JSFIDLE中复制它，或者如果您有一个实时版本，则发送链接。对不起，没有它我就帮不了你了。嗨，马修。这样更好吗：请创建一个链接，这样我们就可以看一些东西，玩一些东西来帮助您更好地发挥作用。不过，我不确定这是否会变得更清楚……请注意以下几点：1。在JSFIDLE中不能以这种方式为jquery提供资源。您需要从框架和扩展下左上角的下拉列表中选择jquery。2.您不需要javascript部分中的标记。我能够让菜单扩展和收缩，但我无法看到您遇到的问题。如果不复制您正在经历的问题，则很难看到做错了什么。尝试在JSFIDLE中复制它，或者如果您有一个实时版本，则发送链接。对不起，没有它我就帮不了你了。嗨，马修。这样更好吗：嗨，马修，你到底在哪里看到这个高度的？在CSS中找不到它。你指的是哪个javascript？这是从你的scroll.js文件中应用的。还有一点建议，在你的ga.js文件中，你应该删除你的标记。在.js文件中不需要这些。只有在直接在html文件中编写javascript时，才需要这些；最大高度：您建议的scroll.js文件中的“1000px”。谢谢！没问题@Alessandro！很高兴我能帮忙！在我离开之前，我注意到您已经引用了两次jquery。有时，这可能会导致与jquery冲突。我建议移除其中一个，以防止将来出现问题。嗨，马修-你到底在哪里看到这个高度的？在CSS中找不到它。你指的是哪个javascript？这是从你的scroll.js文件中应用的。还有一点建议，在你的ga.js文件中，你应该删除你的标记。在.js文件中不需要这些。只有在直接在html文件中编写javascript时，才需要这些；最大高度：您建议的scroll.js文件中的“1000px”。谢谢！没问题@Alessandro！很高兴我能帮忙！在我离开之前，我注意到您已经引用了两次jquery。有时，这可能会导致与jquery冲突。我建议删除其中一个，以防止以后出现问题。

<div id="headwrapper" class="" style="height: 130px;">