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

我是一个jscript新手和im与一个已经有一些js的html模板工作。本质上是我的问题是这样的....隐藏一个div与基于另一个div的#id #id具有一个特定的css类分配给它

div#header-container的类改变取决于你在屏幕上滚动的位置。如果div＃header-container CLASS不等于.intro。那么我需要隐藏ID #intro页面上的另一个div。

的#header-container类是.intro在开始，然后当你在开始滚动以下（div#intro），该#header-container类的变化，从.intro到.main - 这就是当我需要隐藏预先存在div#intro。

在本质上我期待重新当您滚动过去的第一个屏幕

我猜我需要使用document.getElementByClassName地方什么http://www.mountaindew.com做了什么？

任何想法大量赞赏！

来源

2012-12-14 Robert Jones

http://www.whathaveyoutried.com –

您需要window对象绑定滚动和检查header-container上课intro。

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

来源

2012-12-14 18:50:10

嗯，这似乎是非常有意义的。它不工作，虽然...这是否调用函数每次身体向下滚动或第一次 - $（'body'）。scroll（function（）不知道为什么这不起作用 –

@RobertJones尝试与编辑答案... –

尝试jQuery的

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

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

}

这样的事情???

来源

2012-12-14 18:50:28

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

回答

相关问题