预加载器-延迟/暂停CSS过渡/动画

Question

我的网站有一个非常简单的预加载器。我想知道是否有一种方法可以暂停css动画/过渡并仅在预加载器消失/页面完全加载时运行它们。 （徽标带有动画效果，但是当预加载器淡出时，通常已经可以完成其动画效果。）

$(window).on('load', function() {
  $('#preloader').fadeOut(200);
  $('#preloader-container').delay(100).fadeOut(500); 
  $('body').delay(250).css({'overflow-y':'auto'});
})

希望有人可以帮助我！如果您有其他任何提示或建议来改进脚本，请随时这样做。