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

[stardom]

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?

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

[ninja72]

verifica che la classe css in questione abbia "display : none" come valore predefinito iniziale.

[stardom]

...non sembra, è un CSS normale

.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;
}

[ninja72]

non capisco la tua risposta, per facilitare la comprensione :

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

[stardom]

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)