jquery - jQuery淡入问题

Question

我目前正在尝试创建一个 jQuery 褪色横幅。

但是，我注意到了我以前从未经历过的淡入淡出问题。

当我将元素设置为淡入时，在淡入结束时出现了一个问题，那就是一切都很好，直到不透明度达到 80% 左右，但不是继续平滑淡入，而是从 80% 跳到 100%

所以它使动画在结尾处看起来很不稳定。

你可以在这里看到它：https ://www.hollat​​me.com/internship

无论我将动画设置多长时间，它都会发生，并且在其他浏览器中也以相同的结果进行了测试。

谢谢！安德烈

Answer 1

您为所有干扰 jQuery 动画的 div 元素设置了不透明度的 css 过渡。

检查 Main.css 的第 240 行

Answer 2

淡入淡出没有跳跃。在打开 Chrome Inspector 的情况下刷新页面，您可以在不跳转的情况下看到不透明度值递增到 100。我认为这与您使用的图像中的颜色有关，这给了它“跳跃”效果。