Come disabilitare il salto dell'ancora quando si carica una pagina

Question

Quando si visita my_site.com/page.php#something, la posizione di scorrimento è quella dell'elemento che trasporta questo hashtag particolare anziché la parte superiore della pagina.

L'esecuzione di window.scrollTo(0, 0); non modifica questo fatto. Cosa può allora?

MODIFICA: anche provato la risposta accettata da How to disable anchor "jump" when loading a page?. Non sembra funzionare più.

Answer 1

Avere questo codice HTML:

<a href="#test">link</a> 
<div id="test"></div> 

si può evitare lo scorrimento all'elemento div e invece scorrendo fino alla parte superiore della finestra utilizzando questo codice:

$("a").on("click", function(e) { 
    e.preventDefault(); 
    window.scrollTo(0, 0); 
}); 

EDIT:

Puoi provare ad aggiungere questo:

var firstVisit = true; 
$(window).scroll(function() { 
    if (firstVisit) { 
     window.scrollTo(0, 0); 
     firstVisit = false; 
    } 
}); 

Answer 2

Quello che devi fare è archiviare l'hashtag per uso futuro e quindi cancellarlo in modo che il browser non abbia nulla da scorrere.

È importante non inserire quella parte del codice nelle funzioni $() o $ (finestra) .load() come sarebbe in ritardo e il browser è già stato spostato sul tag.

// store the hash (DON'T put this code inside the $() function, it has to be executed 
// right away before the browser can start scrolling! 
var target = window.location.hash, 
    target = target.replace('#', ''); 

// delete hash so the page won't scroll to it 
window.location.hash = ""; 

// now whenever you are ready do whatever you want 
// (in this case I use jQuery to scroll to the tag after the page has loaded) 
$(window).load(function() { 
    if (target) { 
     $('html, body').animate({ 
      scrollTop: $("#" + target).offset().top 
     }, 700, 'swing', function() {}); 
    } 
});