jQuery的置頂導航與動畫只工作首次

Question

我會盡我所能來解釋我的問題，但你可以看到這裏的代碼：

http://jsfiddle.net/xPxhf/3/

我有導航，底部其中的意思一旦用戶滾動瀏覽頁面上的某個點，就會中斷並粘貼到用戶窗口的頂部。這種方式的工作方式是從頂部折斷14px，然後將動畫設置爲頂部：0px。

然後，一旦用戶滾動回頂端，導航應該回到其原始位置（頂部：78px）。如果你看看我在jsfiddle中的例子，它第一次這樣做，並且似乎按預期工作。但如果你再次滾動，事情完全不合時宜。

任何人都有代碼建議，會使這個功能正確嗎？我花了幾個小時嘗試不同的修復程序，但沒有任何結果。

Answer 1

問題是您在定位導航時使用相對值。如果刪除延遲和動畫並使用絕對值，則效果很好。

這裏有一個更新的小提琴：http://jsfiddle.net/xPxhf/6/

Answer 2

會像這樣（http://jsfiddle.net/jvJc4/2/）工作？