像 theverge.com 一样缩放到顶部的浮动标题

【问题标题】：Floating Header with Zoom to Top like theverge.com像 theverge.com 一样缩放到顶部的浮动标题
【发布时间】：2012-12-21 14:02:15
【问题描述】：

我真的很喜欢theverge.com 的浮动标题。当您向下滚动时，标题保持固定在顶部，当您向下滚动到某个点时，会出现 The Verge 徽标，允许您向上放大。

我如何重现一个类似的标题，可以只用 HTML 和 CSS 完成吗？

【问题讨论】：

【解决方案1】：

用 CSS 试试这个

.fixedHeader {
    position:fixed;
    top: 0;
}

您应该使用 jQuery 构建的小按钮。因此，您必须检查属性 scrollTop 以了解何时应显示按钮。如果你点击按钮，你应该 .animate() 使用 jQuery 的 scrollTop 属性回到零 (0)。

这里有小按钮和点击事件：

【讨论】：