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”的类添加了一些样式。我不确定,也许偏移量可以解决问题。无论如何,现在更好了。 希望对您有所帮助。干杯。

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)