Javascript 手机只能隐藏一个div

嗨，我真的希望有人能帮上忙，我已经拼凑了一些代码，可以做以下事情

页面加载时，导航栏隐藏，显示jumbotron作为第一个元素，当页面向下滚动100px时，静态导航栏淡出，这一切都很好，并且按照我希望的方式工作

第二，当jumbotron被滚动到>600px时，它将淡出，现在我只希望这种情况发生在移动设备上（一旦jumbotron从页面上滚动出去，就隐藏它），我不确定是否有一种简单的方法可以做到这一点

这是我的密码

$(document).ready(function(){

  if ($(".navbar").length>0) $(".navbar").hide();

  if ($(".navbar").length>100) $(".jumbotron").hide();

  $(window).scroll(function(){
    var y = $(window).scrollTop();
    if(y > 200){
      $(".navbar").fadeIn("slow");
    }
  });

  $(window).scroll(function(){
    var y = $(window).scrollTop();
    if(y > 600){
      $(".jumbotron").fadeOut("slow");
    }
  });

});

---

引导中有一些类隐藏和显示元素，如：

       <div class="hidden-xs" >hide in mobile</div>
       <div class="hidden-lg" >hide in large windows like laptop</div>
       <div class="show-xs" >Just show in mobile</div>

在手机中隐藏
隐藏在大窗口中，如笔记本电脑
只需在手机上显示

---

引导中有4个断点：“lg”“md”“sm”“xs”

您只需将滚动函数包装在if语句中即可：

if ($(window).width() < maxWidth){
  $(window).scroll(function(){
    var y = $(window).scrollTop();
    if(y > 600){
      $(".jumbotron").fadeOut("slow");
    }
  });
}

if（$（窗口）.width（）600）{
美元（“.jumbotron”）。淡出（“缓慢”）；
}
});
}

---

<> >代码>最大宽度是移动设备要考虑的宽度。Bootstrap使用具有预定<代码>最小宽度断点的媒体查询，因此可以考虑使用相同的值。

<代码> $（文档）。准备好（函数（{）}）；

与
$（function（）{}）相同并且您只需要一个来包装所有代码，而不是代码的每一部分。所以只要
$（function（）{///这里的所有代码}）非常感谢，刚刚编辑谢谢你的帮助，我已将maxWidth更改为768，但似乎不起作用？我做错什么了吗？再次感谢感谢感谢工作得很好。代码缺少正确运行的.width之后的（），许多感谢者表示抱歉。很高兴你发现了我的错误：）谢谢你的帮助，但我想让jumbotron在页面加载时显示，但当它被滚动到屏幕外时，我希望它在幕后淡出，而不是由于屏幕空间而重新出现（仅限手机）。