jquery - 使用 jQuery 在每个 session 中显示一次启动屏幕...加载期间主页 "flashing"

Question

我试图让介绍/启动屏幕在我的主页上每个 session 仅出现一次。我确实让它与下面的脚本一起工作，但在初始站点加载上运行启动/介绍之前它会快速“闪烁”主页(后续站点加载不会根据需要显示 div)

我有一个最初隐藏了 .splash_section 类的 div，并且我正在运行下面包含的脚本。

问题:是否有更好的方法来编写脚本，或者只是一种防止主页或正文在介绍显示之前快速“闪烁”的方法？

$(document).ready(function(){

if (sessionStorage.getItem('splash') !== 'true') {
$('.splash_section').show()
sessionStorage.setItem('splash','true');
}

});

感谢您提前提供的任何帮助。

Answer 1

我最初也会使用 css 隐藏主页的内容:

.home-page {
    display: none;
}

然后将脚本更改为:

$(document).ready(function(){

    if (sessionStorage.getItem('splash') !== 'true') {
        $('.splash_section').show();
        sessionStorage.setItem('splash','true');
    }
    else {
        $('.home-page').fadeIn();
    }    
});