向下滚动更改标题徽标

Question

嗨，有人可以给我一个关于如何创建类似标题的提示 http://www.gamespot.com/news/有。我希望向下滚动更改标题徽标。 我正在考虑创建两个标头并在jquery中切换两个标头。

Answer 1

你可以制作两个标题，也可以修改一个标题。无论哪种方式，您只需要听滚动事件。在滚动时，检查窗口是否一直滚动到顶部，然后根据您找到的情况放置所需的标题。

如果这是你的标题

<header>
  <!-- some stuff inside your header -->
</header>

然后你的javascript看起来像这样

$(window).scroll(function(){
  if ($(this).scrollTop() === 0 ){
    $('header').html(headerCode);
  } else {
    $('header').html(otherHeaderCode);
  }
});