隱藏一個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類分配給它

回答

相關問題