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

标签 javascript jquery css class variables

我是一个 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 吗?

非常感谢任何想法!

最佳答案

试试 jQuery

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

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

}

像这样的东西???

关于javascript - 基于分配给它的特定 css 类的另一个 div #id 隐藏带有 css #id 的 div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13884394/

相关文章:

javascript - 使用其他方法附加文本不会触发文本框更改事件

javascript - 是否可以在尚未附加到 DOM 的元素中创建迷你图(使用 jquery.sparkline 插件)?

c# - 如何将 json 对象传递给 mvc Controller

javascript - 漂亮图片库中的 Facebook Like 按钮

css - 如何从 vue-cli webpack-simple 元素中提取 css 文件?

javascript - JS中如何获取匹配字符串的索引

javascript - 存储来自随机文本/颜色生成器的响应,比较它们并存储在数组中

javascript - 我需要在我的页面中使用分页,以便每页仅显示 10 个项目

javascript - 当一个部分显示在滚动条上时,滚动条是错误的

internet-explorer-9 - 插入框阴影在 IE9 中不起作用