Question

我是一个jscript新手，我正在使用一个已经有一些js的html模板。基本上我的问题是这个....

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

#header-container类在开始时为.intro，然后当您在开头（div#intro）下方滚动时，#header-container类会从{{1}更改} .intro - 当我需要隐藏预先存在的.main。

时

本质上我想重新创建http://www.mountaindew.com滚动浏览第一个屏幕时所做的事情

我猜我需要在某处使用div#intro？

非常感谢任何想法！

Answer 1

您需要将窗口对象与滚动绑定，并检查 header-container 是否有类 intro 。

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

Answer 2

尝试jQuery

类似于scroll事件中的以下代码。

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

}

这样的东西???

使用css #id隐藏div，基于另一个div #id，并为其分配一个特定的css类

2 个答案: