In un browser, interruzione di finestra Scroll

Question

In Chrome Devtools, è possibile interrompere javascript sulla modifica degli attributi di un elemento DOM o sulle modifiche di sottostruttura di un elemento.

Sto lavorando su qualche codice legacy che ha qualche javascript che scorre in cima alla pagina in determinate situazioni, e voglio trovare il JS che fa questo.

C'è un modo, in Devtools, di interrompere gli eventi di scorrimento?

Potrebbe essere jQuery o Prototype.js o JS base eventi che lo fa, e ho cercato il codebase per .scrollTop o .animate, e ne ho trovati molti, ma nessuno che sta causando il mio problema .

Answer 1

È possibile iniettare questa riga di JS utilizzando la console per attivare il debugger quando la posizione di scorrimento cambia in modo programmatico.

window.__defineSetter__("pageYOffset", function(){ 
    debugger; 
}); 

Quindi, visualizzare lo stack di chiamate per vedere cosa l'ha attivato.

Se non si desidera attivare il debugger, è possibile stampare l'istead traccia dello stack con il seguente codice:

window.__defineSetter__("pageYOffset", function(){ 
    console.log(new Error().stack); 
}); 

Un'altra opzione è quella di sostituire le finestre scroll, scrollTo e scrollBy metodo con il proprio .

window.__defineGetter__('scroll', function(){ 
    console.log('window.scroll getter :' + new Error().stack); 
    return function(x,y){ 
    debugger; //or print stack trace 
    oldScroll(x,y); 
    } 
}); 

Ripetere l'operazione per scrollTo e scrollBy.

Answer 2

Non ho alcuna idea di rottura effettiva rispetto a quelle presentate.

Ma ho il sospetto che non lo scorrimento causi il problema, ma un '#' nell'html.

<a href="#" onclick="return false;">x</a> 

è un modello molto comune. quando si dimentica (o qualcosa impedisce) il "ritorno falso", verrà spostato il # (punto di ancoraggio vuoto), che fa scorrere verso l'alto.

Controlla se l'url ha un # alla fine dopo aver fatto clic!