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

Question

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

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

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

从本质上讲，我正在寻找重新创建 http://www.mountaindew.com 的东西当你滚动到第一个屏幕时就完成了

我猜我需要在某处使用 document.getElementByClassName 吗？

非常感谢任何想法!

Answer 1

试试 jQuery

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

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

}

像这样的东西？？？