javascript - 页面加载前白色闪烁

Question

好吧，现在它是黑​​色闪光，因为我把 body 涂成了黑色。所以看来闪光来自尚未加载的背景视频..但是为什么当我进入下一页时我也看到白色闪光？没有视频吗？

网站 -> www.universityofempathy.com

请告诉我如何解决这个问题。我尝试在页面加载时隐藏正文，然后在加载窗口时显示它。但这并不能解决任何问题。

我尝试了什么:

$(document).load(function () {

    $('body').hide();
   $(window).load(function(){
        $('body').show();
});

Answer 1

这很可能是由于试图用 JS 隐藏它，因为这本身需要时间(非常短的时间)来执行。相反，您应该在一开始就使用 css 来处理它。所以你可以添加:

body {
    display: none;
}

一旦准备好显示，您就可以运行 $('body').show()。

<小时/>

此外，您应该使用 ready监听器，而不是 $(document)

的 load