2016-07-27 28 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/