В браузере, перерыв на прокрутке окна

Question

В Chrome Devtools вы можете поменять javascript на изменение атрибутов элемента DOM или на модификации поддерева элемента.

Я работаю над некоторым устаревшим кодом, который имеет некоторые javascript, который прокручивается в верхней части страницы в определенных ситуациях, и я хочу найти JS, который делает это.

Есть ли способ, в Devtools, поэтому перерыв на событиях прокрутки?

Это может быть jQuery или Prototype.js или база событий JS, которая делает это, и я искал базу кода для .scrollTop или .animate, и я нашел много таких, но никто из них не вызывает мою проблему ,

Answer 1

Вы можете ввести эту строку JS с помощью консоли, чтобы запустить отладчик, когда положение прокрутки изменяется программно.

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

Затем просмотрите стек вызовов, чтобы узнать, что его вызвало.

Если вы не хотите, чтобы активировать отладчик, вы можете распечатать трассировки стека istead со следующим кодом:

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

Другой вариант заключается в замене окон scroll, scrollTo и scrollBy метод с вашим собственным ,

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

Повторите scrollTo и scrollBy.

Answer 2

У меня нет никакого дополнительного представления о том, что вы действительно нарушаете, чем те, которые были представлены.

Но я подозреваю, что это не прокрутка, которая вызывает проблему, а «#» в html.

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

- очень распространенный образец. когда вы забудете (или что-то препятствует), «return false», будет перемещен # (пустой анкер), что приведет к тому, что прокрутка будет вверх.

Проверьте, нет ли у URL-адреса в конце после нажатия!