我正试图使一个介绍/启动屏幕只出现一次在我的主页会话。我确实让它使用下面的脚本,但是在运行初始站点加载的splash/intro之前,它会快速“闪现”主页(后续站点加载不会显示所需的div)
我有一个div,最初隐藏了一个.splash_节类,我正在运行下面的脚本。
问:有没有更好的方法来写剧本,或者简单的方法来防止主页或正文在介绍出现之前快速“闪现”?

$(document).ready(function(){

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

});

谢谢你事先的帮助。

最佳答案

我还将使用css隐藏主页的内容:

.home-page {
    display: none;
}

然后将脚本更改为:
$(document).ready(function(){

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

关于jquery - 使用jQuery在每个 session 中显示一次启动屏幕……加载期间首页“闪烁”,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/33839574/

10-11 13:39
查看更多