为什么我的固定导航栏需要这么长时间才能向下滚动？

Question

首先，我意识到这些问题通常应该伴随着代码，而我们不应该仅仅提供网站和所有内容...但我真的甚至都不知道如何解释这个，更不用说用jsfiddle显示一个例子。所以，请允许例外，让我解释一下这个问题：

在我发布的网站上，我修改了标题，添加了＆＃34;块＆＃34; （菜单选项旁边有彩色背景填充）。一个显示在活动页面上，其他显示在悬停上。我认为这与固定导航栏向下滚动的方式相混淆，因为现在如果你开始滚动这么慢（我建议使用实际的滚动条而不是鼠标滚轮），你会看到标题区域的背景变得更小好像它应该成为一个固定的标题。但是，标题中的元素（徽标，导航菜单选项等）保持相同的大小，就像条形图仍位于页面顶部一样。

直到你向下滚动一小段距离，最后jquery（或其他任何东西）才会启动并且元素变小以适应白色标题栏背景的高度。

我不知道在这里要修改什么。我改变了几次CSS，我似乎无法弄明白。它可能在jquery或导致标题更改大小的任何内容..但我只知道CSS和HTML。

以下是网站：http://greatman.us/

以下是该问题的图片：

Answer 1

我改变了这个CSS

.et_fixed_nav #main-header {
  height: 42px;
}

到这个

.et_fixed_nav #main-header.et-fixed-header {
  height: 42px;
}

这样高度限制仅适用于JS添加了类时，这似乎解决了您的问题