sessonStorage refresh splashscreen

本文关键字：splashscreen refresh sessonStorage 更新时间：2023-09-26

我正在制作一个防溅屏。单击箭头（类别.fa-nagle-up）后，防溅屏将消失。但当我刷新页面时，splashscreen消失了，这有点像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();
});

如何使防溅屏在刷新后不会消失？

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

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();
   });
 }
}