Question

我正在使用最新版本的bootstrap 3.我正在使用affix插件来修复静态导航栏。然而，它有效，导航栏更新前会有很长的延迟，并且会固定在顶部。它在所有浏览器上都是可重复的。

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

<h1></h1>

我想要的效果是干净的即时过渡，如

这＆＃34; http：//www.w3schools.com/bootstrap/tryit.asp？filename = trybs_affix＆amp;＆＃34;

我还应该指出，我使用jQuery来定义我的部分高度和词缀偏移量，我最初认为这会导致延迟，但现在我认为这是不可能的。

这对我来说就像是一个性能问题。我认为jQuery需要花费太长时间来计算高度并将样式应用到导航栏。

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

Answer 1

所以我弄清楚问题是什么。

我编写了使用jQuery来获取标题的高度（导航栏上方的内容），在这种情况下它是一个视频，并使其成为词缀偏移量。我修复跳转问题的方法就是将offset属性设置为计算头部高度而不是静态变量的函数。

Here is the updated JSFiddle