javascript - 根据分配给它的特定 css 类的另一个 div #id 隐藏带有 css #id 的 div

Question

我是一个 jscript 新手，我正在使用一个已经包含一些 js 的 html 模板。基本上我的问题是这个....

更改的类别div#header-container取决于您在屏幕上的滚动位置。如果 div#header-container CLASS 不等于 .intro。然后我需要在具有 ID 的页面上隐藏另一个 div #intro。

#header-container课程在.intro开头，然后当您div#intro在开头的 ( ) 下方滚动时，#header-container课程会从.intro变为.main- 这就是我需要隐藏预先存在的div#intro.

本质上，我希望重新创建http://www.mountaindew.com在您滚动经过第一个屏幕时所做的事情

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

任何想法都非常感谢！

Answer 1

您需要将窗口对象与滚动绑定并检查header-container有类intro。

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

Answer 2

试试 jQuery

就像滚动事件中的以下代码一样。

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

}

像这样的东西？？？