Javascript 滚动时HTML/CSS项目消失。

如果有人能告诉我这个网站是如何实现消失的标志，一旦用户开始滚动，将不胜感激！如果查看左上角的徽标，一旦开始滚动，它就会消失。这叫什么技巧？这是用javascript完成的吗

---

提前谢谢

否。徽标放在一个普通容器中，与页面的其余部分一起滚动；菜单是固定的，不会滚动。此外，还使用了一个技巧，在菜单顶部显示徽标，并在其后面显示网站内容。非常好的效果，我以前从未见过

---

基本HTML/CSS代码和工作示例：-

否。徽标放置在一个普通容器中，与页面的其余部分一起滚动；菜单是固定的，不会滚动。此外，还使用了一个技巧，在菜单顶部显示徽标，并在其后面显示网站内容。非常好的效果，我以前从未见过

---

基本的HTML/CSS代码和工作示例：-

我相信发生的是，标题的属性背景附件设置为滚动

---

徽标不是标题的一部分，它只是用z-index放在顶部，因此没有滚动效果。

我相信发生了什么，是标题的属性背景附件设置为滚动

---

徽标不是标题的一部分，它只是用z-index放在顶部，因此没有滚动效果。

您可以简单地通过css属性修复

示例：

<div id="main">
  Test Content
</div>

<div id="content">
  Add some more content here for result.
</div>

<style type="text/css">
  #main {
    width: 100%;
    height: 60px;
    background: green;
    position: fixed;
    z-index: 1000; /* Z-Index for making this div always on top */
  }

  #content {
    width: 960px; margin:0 auto; position: relative; background: blue;
  }

</style>

---

您可以通过css属性修复简单的操作

示例：

<div id="main">
  Test Content
</div>

<div id="content">
  Add some more content here for result.
</div>

<style type="text/css">
  #main {
    width: 100%;
    height: 60px;
    background: green;
    position: fixed;
    z-index: 1000; /* Z-Index for making this div always on top */
  }

  #content {
    width: 960px; margin:0 auto; position: relative; background: blue;
  }

</style>

---

慢慢向下滚动。logo并不是简单地消失，它只是在屏幕顶部向上移动，就像其他大部分内容一样。慢慢向下滚动。徽标并不是简单地消失，它只是在屏幕顶部向上移动，就像大多数其他内容一样。