Visualizzazione dei risultati da 1 a 5 su 5
  1. #1
    Utente di HTML.it
    Registrato dal
    Oct 2007
    residenza
    Trieste
    Messaggi
    687

    icona "scroll-to-top" carica subito, ma dovrebbe attendere l'inizio dello scroll

    Ho un piccolo problema su un classico script per scroll-to-top button. Ho messo un offset in modo che l'icona carichi solo dopo aver superato una certa soglia (200px) ma invece viene mostrata subito, poi scompare appena inizio lo scroll, per poi comparire nuovamente (come desiderato) nel punto offset. Successivamente si comporta come dovrebbe, quindi il problema sta nel primo page-load. Occorre aggiungere un'altra variabile, oppure è un altro tipo di problema?

    Codice PHP:
    // Scroll to top.
    var offset 200;
    var 
    duration 500;
        
    jQuery(window).scroll(function() {
            if (
    jQuery(this).scrollTop() > offset) {
                
    jQuery('.back-to-top').fadeIn(duration);
            } else {
                
    jQuery('.back-to-top').fadeOut(duration);
                    }
          }); 

  2. #2
    Utente di HTML.it L'avatar di ninja72
    Registrato dal
    May 2020
    residenza
    -
    Messaggi
    162
    verifica che la classe css in questione abbia "display : none" come valore predefinito iniziale.

  3. #3
    Utente di HTML.it
    Registrato dal
    Oct 2007
    residenza
    Trieste
    Messaggi
    687
    ...non sembra, è un CSS normale
    codice HTML:
    .back-to-top {
      background-color: #2d343d;   border: none;
      border-radius: 3px;   bottom: 40px;  position: fixed;
      right: 20px;   width: 45px;   z-index: 999;
    }
    .back-to-top i {
      color: #fff;   font-size: 30px;   line-height: 28px;
    }

  4. #4
    Utente di HTML.it L'avatar di ninja72
    Registrato dal
    May 2020
    residenza
    -
    Messaggi
    162
    non capisco la tua risposta, per facilitare la comprensione :

    codice:
     .back-to-top {
                display: none;
                background-color: #2d343d;
                border: none;
                border-radius: 3px;
                bottom: 40px;
                position: fixed;
                right: 20px;
                width: 45px;
                z-index: 999;
            }

  5. #5
    Utente di HTML.it
    Registrato dal
    Oct 2007
    residenza
    Trieste
    Messaggi
    687
    Quote Originariamente inviata da ninja72 Visualizza il messaggio
    non capisco la tua risposta
    Mi avevi chiesto se trovavo un display:none, ma forse mi suggerivi di mettercelo in caso mancasse? Confermo che così funziona, anche se ha uno strano sfarfallio mentre si scrolla (ma ce lo aveva anche prima)
    Ultima modifica di stardom; 20-02-2021 a 20:20

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2021 vBulletin Solutions, Inc. All rights reserved.