Εμφάνιση οθόνη εκκίνησης μία φορά ανά συνεδρία με jQuery ... αρχικής σελίδας «αναβοσβήνει» κατά τη διάρκεια της φόρτισης

ψήφοι
42

Προσπαθώ να κάνω μια οθόνη intro / εκκίνησης εμφανίζεται μόνο μία φορά ανά περίοδο λειτουργίας στην ιστοσελίδα μου. Εγώ πρέπει να εργάζονται με το σενάριο κάτω αλλά «αναβοσβήνει» η ιστοσελίδα γρήγορα πριν από την εκτέλεση του splash / εισαγωγή στο αρχικό φορτίο ιστοσελίδα (μετέπειτα φορτία ιστοσελίδα δεν δείχνουν την div όπως ήθελε / χρειάζεται)

Έχω ένα div με την κατηγορία της .splash_section κρυμμένα αρχικά και είμαι τρέχει το σενάριο που περιλαμβάνονται παρακάτω.

Ερώτηση: Υπάρχει καλύτερος τρόπος για να γράψει το σενάριο, ή απλά ένας τρόπος για να αποτρέψει την αρχική σελίδα ή το σώμα από γρήγορα «αναβοσβήνει» πριν από τις παραστάσεις εισαγωγή εκεί;

$(document).ready(function(){

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

});

Ευχαριστώ για οποιαδήποτε βοήθεια εκ των προτέρων.

Δημοσιεύθηκε 21/11/2015 στις 02:01
χρήστη
Σε άλλες γλώσσες...                            


2 απαντήσεις

ψήφοι
2

Θα ήθελα να κρύψει και το περιεχόμενο της αρχικής σελίδας αρχικά, με τη χρήση CSS:

.home-page {
    display: none;
}

Στη συνέχεια, αλλάξτε το σενάριο σας:

$(document).ready(function(){

    if (sessionStorage.getItem('splash') !== 'true') {
        $('.splash_section').show();
        sessionStorage.setItem('splash','true');
    }
    else {
        $('.home-page').fadeIn();
    }    
});
Απαντήθηκε 21/11/2015 στις 02:11
πηγή χρήστη

ψήφοι
0

Από $(document).readyτις πυρκαγιές επανάκλησης όταν όλα τα στοιχεία της σελίδας αναλυθεί, το καλύτερο στοίχημά σας είναι να τεθεί το στοιχείο βουτιά στην κορυφή του σώματος και να εκτελέσετε το σενάριο με την εν λόγω λειτουργία αμέσως μετά το. Με αυτόν τον τρόπο θα φορτώσει τα μετα-δεδομένα από το κεφάλι, τοποθετήστε το περιεχόμενο βουτιά και να το εμφανίσετε αμέσως πριν από τη φόρτωση οποιαδήποτε άλλα στοιχεία DOM.

Κάτι σαν αυτό:

<body>
    <div class="splash_section"></div>
    <script>
    if (sessionStorage.getItem('splash') !== 'true') {
        $('.splash_section').show()
        sessionStorage.setItem('splash','true');
    }
    </script>
    ...
Απαντήθηκε 21/11/2015 στις 02:13
πηγή χρήστη

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