jquery - 信息栏是如何工作的，就像您赢得徽章时出现在 stackoverflow 中的信息栏一样？

Question

当您在 SO 上赢得徽章时，顶部会出现一个带有信息的栏。这在我看来就像 jQuery，但它实际上是如何实现的呢？

Answer 1

检查这个：咆哮

如果你编写了一个精细、简单的 css，你可以很容易地使 stackoverflow 看起来很像，而无需编程。

Answer 2

我只是使用了一个隐藏的 div，它的边距顶部等于信息栏的高度，直到我想触发它​​。然后我只是为 jQuery 的 show 和 animate() 设置动画以将 margin-top 更改为 0。或者，您可以将其隐藏并使用 slideDown()，但我更喜欢 animate() 效果。