0

私は少しjscriptの初心者で、すでにいくつかのjsが含まれているhtmlテンプレートを使用しています。本質的に私の質問はこれです...

div#header-container画面上のスクロールした場所に応じた変更のクラス。div＃header-containerCLASSが.introと等しくない場合。次に、IDを持つページ上の別のdivを非表示にする必要があります#intro。

#header-containerクラスが最初にあり、最初に（）.introの下をスクロールすると、クラスがからに変わります。これは、既存のを非表示にする必要がある場合です。div#intro#header-container.intro.maindiv#intro

本質的には、最初の画面をスクロールして通過したときにhttp://www.mountaindew.comが行ったことを再現したいと考えています。

document.getElementByClassNameどこかで使う必要があると思いますか？

どんなアイデアでも大歓迎です！

4

2 に答える 2

0

window オブジェクトを scroll にバインドし、header-containerhave classをチェックする必要がありますintro。

$(window).scroll(function() {
  if ($('#header-container').hasClass('intro')) {
     $('#intro').show();
  } else {
     $('#intro').hide();
  } 
});
于 2012-12-14T18:50:10.420 に答える
0

jQuery を試す

scroll イベント内の次のコードのように。

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

}

このようなもの ？？？

于 2012-12-14T18:50:28.437 に答える