谷歌新的Gmail工具栏使用了什么风格

What styles did Google use for their new Gmail toolbar?

本文关键字：什么 风格 工具栏 Gmail 谷歌      更新时间：2023-09-26

可能重复：
用Javascript 交换基于Scroll Position的CSS类

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

我以前做过保持在页面顶部的div，但没有做它从静态位置开始的部分，像其他部分一样滚动，然后一旦你滚动几乎超过它，它就会保持在顶部。

你知道这是怎么做到的吗？

诀窍是在滚动页面时使用JavaScript来确定元素何时位于页面顶部。当它是时，将一个类应用于它，使它处于固定位置。

有一个关于它的教程@http://jqueryfordesigners.com/fixed-floating-elements/

很简单，当页面滚动过某个点时，只需使用javascript给元素position:fixed。为什么不使用firebug或其他浏览器的开发工具来检查元素呢？

相关文章：