Javascript 基于另一个具有特定css类的div#id，使用css#id隐藏一个div

我是一个jscript新手，我正在使用一个已经有一些js的html模板。 本质上我的问题是

div#header容器的类取决于屏幕上滚动的位置。
如果div#头容器类不等于.intro。然后我需要在页面上隐藏另一个div，它的ID
#intro

#header container
类的开头是
.intro
，然后当您在开头的（
div#intro
）下方滚动时，
#header container
类从
.intro
更改为
.main
-这时我需要隐藏预先存在的
div#intro

本质上，我是想重现当你滚动过第一个屏幕时所做的事情

我猜我需要在某个地方使用
document.getElementByClassName

任何想法都是非常受欢迎的
 您需要使用scroll绑定窗口对象，并检查
标题容器是否具有类
简介

$(window).scroll(function() {
  if ($('#header-container').hasClass('intro')) {
     $('#intro').show();
  } else {
     $('#intro').hide();
  } 
});

试试jQuery

类似于滚动事件中的以下代码

if(jQuery("#header-container").hasClass('intro')){
  jQuery("#intro").hide();
  jQuery("#header-container").removeClass('intro');
  jQuery("#header-container").addClass('main');

}

像这样的东西？？？
嗯，这似乎很有道理。但它不起作用…这是在每次向下滚动正文时还是第一次调用函数-$（'body'）。滚动（function（））不知道为什么不起作用