在使用jquery时添加动画

Question

我正在尝试向jquery添加动画。

目前，我在固定标题下面有一个导航栏。当页面滚动时，导航栏和下面的内容向上移动，直到导航栏到达页面顶部，在那里它变得固定。此时，导航项目的左侧会出现一个徽标，然后这些项目会浮动到导航的右侧。

我如何才能使浮动的右边不是突然跳跃，并且有一个缓慢或淡入淡出的动画？

提前谢谢你。

Answer 1

为了获得动画，你需要能够“补间”一个值。这意味着您需要能够计算将赋予元素的值中的步长。

因此，很容易设置位置动画。例如，从左10px到左100px的动画。你可以计算中间的步数。

这在float中是不可能的，因为没有与之关联的Tweable值。所以，我要说的是绝对定位，并用填充填充它留下的空洞。