javascript - session 存储刷新启动画面

Question

我正在制作启动画面。单击箭头(class .fa-nagle-up)后，闪屏消失。但是当我刷新页面时，启动画面消失了，这是 display:none 的问题。

CSS

.splashscreen{
    position: absolute;
    width:100%;
    height:100%;
    overflow:hidden;
    z-index:100000;
    display: flex;
    flex-direction: column;
    display: none;
}

JS

if (sessionStorage.getItem('splash') !== 'true') {
    $('.splashscreen').show();
    sessionStorage.setItem('splash','true');
} 
    
$('.splashscreen .top .fa-angle-up').on('click',function(){
    $('.splashscreen').hide();
});

如何使闪屏在刷新后不消失？

Answer 1

我无法发表评论，但这应该会在刷新后保留启动画面，但是一旦设置了 sessionStorage，启动画面将不会显示。

var splash = sessionStorage.getItem('splash');

init();

function init() {
 if (splash !== 'true') {
    $('.splashscreen').show();
    sessionStorage.setItem('splash','true');
 }
 else {
   $('.splashscreen .top .fa-angle-up').on('click',function(){
      $('.splashscreen').hide();
   });
 }
}