bir kez jQuery ile oturum başına açılış ekranı göster ... anasayfa yüklemesinde "yanıp sönen"

oy
42

Bir intro / ekranı ana sayfamda oturum başına yalnızca bir kez görünmesi için çalışıyorum. Ben aşağıda senaryo ile çalışan var ama yanıp söner sayfası hızla başlangıçtaki sitesi yüküne sıçrama / intro çalıştırmadan önce (istediği gibi sonradan sitesi yükleri div gösterme / gerekli)

I & I aşağıda yer senaryoyu çalıştırıyorum başlangıçta gizli .splash_section bir sınıf ile bir div var.

Soru: intro gösterilmeden önce hızla yanıp sönen dan ana sayfasını veya vücut önlemek için komut, ya da sadece bir yol yazmak için daha iyi bir yolu var mı?

$(document).ready(function(){

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

});

Önceden herhangi bir yardım için teşekkür ederiz.

Oluştur 21/11/2015 saat 02:01
kullanıcı
Diğer dillerde...                            


2 cevaplar

oy
2

Ayrıca css kullanarak, başlangıçta ana sayfanın içeriği gizlemek olacaktır:

.home-page {
    display: none;
}

Sonra senaryoyu değiştirin:

$(document).ready(function(){

    if (sessionStorage.getItem('splash') !== 'true') {
        $('.splash_section').show();
        sessionStorage.setItem('splash','true');
    }
    else {
        $('.home-page').fadeIn();
    }    
});
Cevap 21/11/2015 saat 02:11
kaynak kullanıcı

oy
0

Yana $(document).readygeri arama yangınları tüm sayfa öğeleri ayrıştırılan zaman, en iyi bahis sağ sonra o fonksiyonu ile komut vücudun en üst kısmında sıçrama elemanı koymak ve çalıştırmaktır. Bu şekilde o, baş meta verilerini yüklemek sıçrama içeriği yüklemek ve diğer DOM elemanları yüklenir önce hemen gösterecektir.

Böyle bir şey:

<body>
    <div class="splash_section"></div>
    <script>
    if (sessionStorage.getItem('splash') !== 'true') {
        $('.splash_section').show()
        sessionStorage.setItem('splash','true');
    }
    </script>
    ...
Cevap 21/11/2015 saat 02:13
kaynak kullanıcı

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