Bootstrap Affix插件导航栏顶部延迟

Question

我正在使用最新版的bootstrap3。我正在使用affix插件来修复静态导航栏。 它起作用，但是导航栏更新并固定在顶部之前会存在相当长的延迟。 在所有浏览器上都是可重复的。

我认为用视频显示问题最容易，我还提供了一些代码。

<h1></h1>

我想要的效果是一个干净的即时过渡

这个“ http://www.w3schools.com/bootstrap/tryit.asp?filename=trybs_affix&”

我还应该指出，我正在使用jQuery定义我的横断面高度和词缀偏移量，我最初以为这会引起延迟，但是现在我认为这是不可能的。

对我来说，这就像性能问题。 我认为jQuery花费的时间太长，无法确定高度并将样式应用于导航栏。

我希望有人可能对此事有所了解。

Answer 1

所以我弄清楚了问题所在。

在这种情况下，我使用jQuery来获取标题的高度（导航栏上方的内容），它是一个视频，并使其后缀偏移。 我解决跳跃问题的方法只是使offset属性成为一个计算标头高度的函数，而不是一个静态变量。

Here is the updated JSFiddle