jquery Sticky Nav with Animation仅适用于第一次

时间:2011-12-11 03:29:02

标签: jquery navigation jquery-animate sticky

我会尽力解释我的问题,但你可以在这里看到代码:

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

我有导航,一旦用户滚过页面上的某个点,其底部就会断开并粘在用户窗口的顶部。它的工作方式是从顶部中断 14px ,然后动画到顶部: 0px

然后,一旦用户滚动回到顶部,导航器应该动画回到其原始位置(顶部: 78px )。如果你看看我在jsfiddle的例子,它第一次这样做,似乎按预期工作。但如果你再次滚动,事情就完全失控了。

任何人都有代码建议可以正常使用此功能吗?我花了几个小时尝试不同的修复,但没有任何结果。

2 个答案:

答案 0 :(得分:0)

问题是您在定位导航时使用的是相对值。如果删除延迟和动画并使用绝对值,则效果很好。

这是一个更新的小提琴:http://jsfiddle.net/xPxhf/6/

答案 1 :(得分:0)

这样的事情(http://jsfiddle.net/jvJc4/2/)会起作用吗?