为什么我的“欢迎” div来自其他网站时未显示在Safari上,但是刷新页面时却显示了?

时间:2019-05-11 16:58:56

标签: javascript jquery html css safari

我正在我的个人网站上工作,一到达我的网站“欢迎光临”。显示,然后淡出,然后我的主要内容淡入(超级基础)。该功能适用​​于我尝试过的所有浏览器,但不适用于Safari。如果我刷新我的网站页面或单击我的链接,它可以工作,但是如果我将URL粘贴到地址栏中,则不起作用。 “欢迎。”不会显示,但是其他所有内容都会淡入。看起来页面一直挂起,直到内容淡入,没有显示“欢迎”。淡出。

我尝试了多种不同的策略(例如等待不同的DOM事件触发)。

我正在使用jQuery进行淡入和淡出,这是js:

$(window).on("load",function () {
    $('#first').imagesLoaded({ background: true }, function () {
        $("#welcome").fadeOut(1500);
        setTimeout(function () {
            $("#content").fadeIn(1300);
        }, 1430);
    });
});

我等待窗口对象加载,然后在执行任何衰落之前等待背景图像加载(即使压缩后也很大)。此功能在任何地方都可以完美地发挥作用,只是通过地址栏中的URL从Safari上的另一个网站访问我的网站时除外。

这是CSS:

body {
    display: grid;
    place-items: center center;
}

#content {
    display: none;
}

#welcome {
    font-size: 5em;
}

我希望Safari显示“ Welcome。”,淡出“ Welcome。”,淡入主要内容。相反,它会挂一秒钟,然后消失在我的主要内容中。

当您单击链接时它起作用,但是将URL粘贴到地址栏中时不起作用: https://jake-chambers.github.io

0 个答案:

没有答案