Pokaż ekran powitalny raz na sesję z jQuery ... strona główna „migające” podczas obciążenia

głosy
42

Próbuję zrób ekran Intro / powitalny pojawia się tylko raz na sesję na mojej stronie. Muszę to praca ze skryptem poniżej, ale „miga” na stronie głównej szybko przed uruchomieniem powitalny / Intro na obciążenia wstępnego miejscu (kolejne ładunki witryna nie wykazują div jak chciał / potrzebował)

Mam div z klasą .splash_section ukryty początkowo & Używam skryptu zawarte poniżej.

Pytanie: Czy istnieje lepszy sposób napisać skrypt, lub po prostu sposobem, aby zapobiec stronę lub podmiot od szybko „migać” przed pokazach intro?

$(document).ready(function(){

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

});

Dzięki za wszelką pomoc z góry.

Utwórz 21/11/2015 o 02:01
użytkownik
W innych językach...                            


2 odpowiedzi

głosy
2

Chciałbym również ukryć zawartość strony głównej początkowo za pomocą CSS:

.home-page {
    display: none;
}

Następnie zmień swój skrypt do:

$(document).ready(function(){

    if (sessionStorage.getItem('splash') !== 'true') {
        $('.splash_section').show();
        sessionStorage.setItem('splash','true');
    }
    else {
        $('.home-page').fadeIn();
    }    
});
Odpowiedział 21/11/2015 o 02:11
źródło użytkownik

głosy
0

Od $(document).readypożary wywołania zwrotnego, gdy wszystkie elementy strony są przetwarzane, najlepiej jest umieścić element powitalny na samym wierzchu ciała i uruchom skrypt z tej funkcji zaraz po nim. W ten sposób będzie załadować dane meta z głowy, załadować zawartość powitalny i wyświetlić go od razu, zanim jakiekolwiek inne elementy DOM są ładowane.

Coś takiego:

<body>
    <div class="splash_section"></div>
    <script>
    if (sessionStorage.getItem('splash') !== 'true') {
        $('.splash_section').show()
        sessionStorage.setItem('splash','true');
    }
    </script>
    ...
Odpowiedział 21/11/2015 o 02:13
źródło użytkownik

Cookies help us deliver our services. By using our services, you agree to our use of cookies. Learn more