在向下滚动时隐藏菜单，然后在向上滚动达到0[javascript]不适用于我时显示菜单

我在尝试创建菜单效果时遇到了一个问题。。。我从另一个javascript代码中得到了这个javascript代码，并粘贴到我的代码中，但遗憾的是，它对我不起作用，我不知道原因是什么

这是我的密码

html

菜单的javascript

$(window).scroll(function () {
    var d = $('.big-wrapper'); 
    if (d.offset().top < 400) {
       $('.nav-main').fadeIn();       
    } else {
       $('.nav-main').fadeOut();
    }
});

当我重新加载页面时，javascript弹出窗口，然后当我执行此操作时

$(window).scroll(function () {
 alert('hello');
});

然后滚动。。什么也没发生。。。。。

---

我也试着把你的答案贴在白纸上，但看起来是一样的。。什么也没发生

您正在检查静态元素（d，即.big wrapper）的位置。如果要隐藏浮动菜单，则应执行以下操作：

$(window).scroll(function () {
var d = $('.nav-main'); 
if (d.offset().top < 400) {
   $('.nav-main').fadeIn();

} else {
   $('.nav-main').fadeOut();
      }
});

$（窗口）。滚动（函数（）{
变量d=$（'.nav main'）；
如果（d.偏移量（）.顶部<400）{
$（'.nav main'）.fadeIn（）；
}否则{
$（'.nav main'）.fadeOut（）；
}
});

首先，连接jquery库：

<script src="//code.jquery.com/jquery-1.11.3.min.js"></script>

---

现在我知道问题出在哪里了。。当我在javascript文件上执行此操作时。。警惕（“你好”）；当我重新加载页面时，javascript弹出窗口，然后当我执行此操作时$滚动（函数（）{alert（'hello'）；}）；然后滚动。。什么也没发生。。。。。我也试着把你的答案贴在白纸上，但看起来是一样的。。什么都没发生，对我来说不起作用。。。将演示文件中的html、css、js粘贴到scratch文件中。。好。。什么都没发生。。。这有什么问题？

$(window).scroll(function () {
 alert('hello');
});

$(window).scroll(function () {
var d = $('.nav-main'); 
if (d.offset().top < 400) {
   $('.nav-main').fadeIn();

} else {
   $('.nav-main').fadeOut();
      }
});

<script src="//code.jquery.com/jquery-1.11.3.min.js"></script>

$( document ).ready(function() {    
    $(window).scroll(function () {     
        if ($('body').scrollTop() < 400) {
           $('.nav-main').fadeIn();

        } else {
           $('.nav-main').fadeOut();
        }
    });
 });