jquery - 使用jquery时添加动画

标签 jquery css jquery-animate

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

目前我在固定标题下方有一个导航栏。随着页面滚动,导航栏和下面的内容会向上移动,直到导航栏到达页面顶部并固定。此时导航项的左侧会出现一个 Logo ,然后这些项会 float 到导航的右侧。

我怎样才能使右边的 float 不会突然跳跃并且动画缓慢或褪色?

提前谢谢你。

最佳答案

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

因此,很容易为位置设置动画。例如。从左 10px 到左 100px 动画。您可以计算中间步骤。

这对于 float 是不可能的,因为没有与之关联的可补间值。所以,我会说使用绝对定位并用填充填充它留下的洞。

关于jquery - 使用jquery时添加动画,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16303394/

相关文章:

javascript - 选中复选框时如何使图像覆盖图像 Jquery

javascript - onSubmit 方法中未调用警报

javascript - 在移动设备上禁用网站正文的触摸平移

html - 使用flexbox时如何叠加两个div?

javascript - 使用 jQuery 在文本区域内匹配和突出显示标签/单词(更改颜色和字体粗细)

javascript - Jquery数据表过滤重复行

css - 仅使用 CSS 过渡来增加值(value)

jquery、乘法选择器和 OR 函数

jquery - 使用 jQuery .animate 和 Bootstrap 定位 <div>

jquery - 如何使用 Jquery 制作数字动画