Headroom.js标头位置绝对不能摆脱烦人的过渡

我将此标头放在绝对位置，并且我正在使用Headroomjs。从顶部开始130像素后，当您向上滚动时，菜单会出现，并且菜单正常。当您向下滚动时，要使菜单随着过渡而消失，我必须使用js将位置更改为“固定”。我的问题：当您立即向下滚动时，我无法摆脱出现的烦人过渡。这是我的笔：

[Codepen](https://codepen.io/hack89-the-encoder/pen/RwREKLm?editors=0101)

当向下滚动时，您会注意到菜单的出现和过渡会很快消失。我不希望在那里出现。我需要稍后向下/向上滚动的过渡。谢谢大家。

EDIT1：我在这里找到了该示例：https://prodevsblog.com/questions/231131/headroom-js-header-with-initial-static-state/
我做了同样的事情，但是我仍然有烦人的过渡。在我发现的网站中，有一个真实的网站示例（https://www.chandeliercreative.com/）。我不知道如何用我的代码做同样的事情

EDIT2：我将偏移量更改为15，并为名为“ .headroom--not-top.headroom--unpinned”的类添加了一些样式。我不确定，也许偏移量可以解决问题。无论如何，现在更好了。希望对您有所帮助。干杯。