Javascript 在所有页面加载的50%中，window.onload不工作时的淡入/速度

和很多人一样的问题——我使用了一个带有jquery淡出的预加载程序，它有点口吃（Firefox），在我的手机或Chromium上，它在所有页面加载中的约50%都没有“启动”

现在我把它换成了。速度，同样的结果

在Firefox中运行良好，只是在一些子页面上有点口吃——但在Chrome或我的手机上看到这一点令人恐惧——在50%的页面加载中根本没有褪色效果，它只是立即从不可见“跳”到可见

我已经尝试过添加

{
    -webkit-transform: translatez(0);
    -moz-transform: translatez(0);
    -ms-transform: translatez(0);
    -o-transform: translatez(0);
    transform: translatez(0);
}

对多个具有相同结果的类。我是这样用的

    // Wait until all images loaded
        window.onload=function() {
    // Fade
        $(".jtpl-logo").velocity("fadeOut", {delay:50, duration: 400});  
        $(".jtpl-navigation-label").delay(900).velocity({ opacity: 1 }, 600);
};

就在这之前，我运行了一个

        $(document).ready(function() {
        $(".jtpl-background-area").css('-webkit-animation', 'fadein 5s');
});

我知道两者同时运行不是很好，但如果我在$（document）上禁用后台fadeIn，则没有什么区别。准备同时运行-白色的“预加载程序页面”在window.onload上淡出会产生完全相同的问题

那么问题是什么呢？但是什么呢

如果我在$（document）上使用它，我必须在window.onload上使用它。就绪一些页面元素仍然没有就绪

需要如何解决这个问题的想法，请给我一些意见。为什么在50%的情况下，它不使用铬或跳得这么厉害？jquery或velocity是否有任何好的选项可以确保淡入淡出在所有页面加载中100%工作

---

任何改进这一点的想法都是受欢迎的。非常感谢

CSS动画在浏览器加载时无法工作。我想这可能是你的问题。你可以在这里读一些关于这个问题的内容：