jquery Sticky Nav с анимацией работает только в первый раз

Question

Я сделаю все возможное, чтобы объяснить мою проблему, но вы можете увидеть код здесь:

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

У меня есть навигация, нижняя часть которой предназначена для обрыва и прилипания к верхней части окна пользователя, когда пользователь прокручивает определенную точку на странице. Это работает так: отрывается 14px сверху, а затем анимируется сверху: 0px .

Затем, как только пользователь прокручивает назад до вершины, навигационная панель должна анимироваться обратно в исходное положение (верх: 78px ). Если вы посмотрите на мой пример в jsfiddle, он делает это в первый раз и, кажется, работает как положено. Но если вы прокручиваете снова, все идет наперекосяк.

У кого-нибудь есть предложения по коду, которые бы правильно выполняли эту функцию? Я потратил пару часов, пытаясь исправить разные ошибки, но ничего не получилось.

Answer 1

Будет ли что-то подобное (http://jsfiddle.net/jvJc4/2/) работать?

Answer 2

Проблема в том, что вы используете относительные значения при позиционировании навигационной панели. Если убрать задержку и анимацию и использовать абсолютные значения, она прекрасно работает.

Вот обновленная скрипка: http://jsfiddle.net/xPxhf/6/