Google为其新的Gmail工具栏使用了哪些样式？

Question

  

可能重复：
  Swap CSS class on the basis of Scroll Position with Javascript

因此，如果进入主题并选择预览，您可以看到gmail的新布局。它有一个工具栏，包含您的存档，垃圾邮件，删除，移动等按钮。它从搜索邮件部分下的静态位置开始，但是一旦您几乎滚过它，它就会直接保留在页面顶部。 （反之亦然）

我之前已经将div保留在页面顶部，但不是它在静态位置开始的部分，像任何其他部分一样滚动，然后一旦滚动几乎经过它，它就会保持在顶部。

知道这是怎么做到的吗？

Answer 1

诀窍是使用JavaScript来确定当页面滚动时元素何时位于页面顶部。如果是，请将一个类应用于使其固定的位置。

@ http://jqueryfordesigners.com/fixed-floating-elements/

上有一个教程

Answer 2

这很简单，当页面滚动到某一点时，您只需使用javascript给出元素position:fixed。为什么不用firebug或其他浏览器的开发人员工具检查元素？