html - 固定顶部后保持空间

Question

我创建了一个功能，当我向下滚动时，菜单会固定。

发生这种情况时，它会占用大量空间，您可以 see in my demo fiddle所有的文字都在固定栏后面。

有没有办法在固定的 .top 和 .content 之间保持多一点空间？

编辑:谢谢大家的回答。我选择 Marcos 的，因为他是第一个，但我知道其他的也很管用。

Answer 1

当 top 固定时，您必须使用内容的 padding-top 进行播放。所以整个解决方案是:

.top.fixed + .content {
    padding-top: 155px;
}

您编辑的 fiddle :

https://jsfiddle.net/h65x3hyb/2/