2016-07-27 69 views
0

我正在使用bootstrap 3的最新版本。我正在使用附加插件来修复静态导航栏。但是,它的工作原理是,在导航栏更新之前会有很长的延迟,并且会固定在顶部。它在所有浏览器上都是可重复的。Bootstrap Affix plugin navbar top delay

我觉得这是最容易显示视频的问题,我也提供了一些代码。

see video

see JSFiddle

<h1></h1> 

我想要的效果是一样

干净的瞬间转变这个“http://www.w3schools.com/bootstrap/tryit.asp?filename = trybs_affix &“

我还应该指出,我使用jQuery来定义我的部分高度和th因此,我最初认为这会造成延迟,但现在我认为这是不可能的。

这对我来说就像是一个性能问题。我认为jQuery花了太长时间才能确定高度并将样式应用于导航栏。

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

+0

请发表**最小工作示例**你的代码(HTML/CSS/JS)在[片段](https://blog.stackoverflow.com/2014/09 /引入可运行的JavaScript-CSS-和HTML的代码段/)。参见[mcve]和[问]。 – vanburen

+0

好的,我会很抱歉的 –

回答

0

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

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

Here is the updated JSFiddle 

https://jsfiddle.net/DTcHh/23013/