javascript - HTML/CSS 元素在滚动时消失。

Question

如果有人能告诉我这个网站如何在用户开始滚动时实现 Logo 消失，我将不胜感激!如果您查看左上角的 Logo ，一旦开始滚动它就会消失。这叫什么技术？这是用 JavaScript 完成的吗？

http://www.studionudge.com/

提前致谢!

Answer 1

你可以简单地通过固定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>