Funzione JQuery attiva in safari ma non in chrome

Question

Ho una funzione in cui si scorre verso la pagina in alto quando la pagina viene caricata con document.ready(). Tuttavia in Chrome questa funzione viene eseguita solo quando sono nella pagina e la aggiorno.

Se accedo alla pagina digitando il collegamento nella barra degli indirizzi, la funzione non viene eseguita. Se accedo alla pagina da un collegamento da un'altra pagina, anche questa non viene eseguita. L'unico modo in cui viene eseguito il 100% delle volte in Chrome è se sono nella pagina e lo aggiorno.

Tuttavia, in Safari, la funzione viene eseguita al 100% ogni volta accedendo alla pagina da un collegamento, digitandola nella barra degli indirizzi, in modalità di ricarica.

Questo è il mio codice:

jQuery(document).ready(function($) { 
    if (location.hash) {    // do the test straight away 
      window.scrollTo(0, 0);   // execute it straight away 
      setTimeout(function() { 
       window.scrollTo(0, 0);  // run it a bit later also for browser compatibility 
      }, 1); 
      //location.reload(); 
     } 
}); 

Questo in realtà funziona anche in Safari senza metterlo in document.ready() ma poi di nuovo non in Chrome.

Qualcuno sa che cosa causa questo e se questo è possibile risolvere? Ho già avuto questo problema ed è stato estremamente frustrante.

Answer 1

Basta aumentare il tempo di ritardo setTimeout di 20 ms o più di 20 ms, potrebbe essere perché 1 ms è un intervallo di tempo troppo breve.

$(document).ready(function() { 
if (location.hash) {   
      window.scrollTo(0, 0); 
      setTimeout(function() {window.scrollTo(0, 0);}, 20); 
} 
});