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