我正在我的个人网站上工作,一到达我的网站“欢迎光临”。显示,然后淡出,然后我的主要内容淡入(超级基础)。该功能适用于我尝试过的所有浏览器,但不适用于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