我要完成的工作是使元素的高度扩大，然后在高度更改完成后应用背景图像。我注意到在高度动画完成之前会应用回调中的背景图片，从而导致性能下降。谁能告诉我为什么呢？
$(document).ready(function() {
$('#hero').animate({
height: ($(window).height() - $("#hero").offset().top - 50)
}, 100, function() {
$('#hero').css('background-image', 'url(./img/hero.jpg)');
});
});
您有一个transition: all 1s easeon #hero，这会导致动画无法正常播放，因为您正尝试使用css3动画为jQuery动画设置动画（并引发各种计时问题）。
我怀疑正在发生的事情是，您已收到有关jQuery动画已完成的通知，但css3动画又没有完成1s的完成，这就是为什么您看到自己的样子了。
本文收集自互联网，转载请注明来源。
如有侵权，请联系 [email protected] 删除。
我来说两句