jQuery fadeIn()没有达到完全不透明度

时间:2016-11-02 23:33:35

标签: javascript jquery animation fadein fadeout

当我在页面上运行任何ajax脚本时,我正在调用fadeIn(200)fadeOut(200)来显示和隐藏页面上的加载图像。

但是我发现当脚本花费的时间少于200ms时,元素会因为部分不透明度(例如0.88)而陷入困境,可能是因为fadeIn()在淡入淡出的那一点被中断了。在此之后,所有未来的淡化都会停止在不透明度上,它再也不会达到1的完全不透明度。

这可能与动画队列有关吗?也许有一种方法可以强制动画完成,或者如果它被中断会以某种方式重置不透明度?

1 个答案:

答案 0 :(得分:0)

这个问题的一个好方法是使用fadeTo()代替fadeIn()fadeOut()。此功能允许您设置特定的目标不透明度,这似乎消除了卡住半褪色的问题。

我的具体解决方案是:

fadeIn(200)替换为fadeTo(200,1)

fadeOut(200)替换为fadeTo(200,0)