如何判断哪些javascript代码导致了明显的变化？

Question

的jQuery / JavaScript的/ CSS

具体来说，我正在研究一些代码，当某些div触及窗口顶部时触发更改。

我设置了3个div。前两个按预期行事。

但由于某种原因，第3个div导致窗口立即跳回到我开始上次滚动操作时的任何位置。即我单击滚动条并开始向下拖动，当我按下div时，窗口会回到我点击的位置。

有什么方法可以跟踪代码以准确获取正在执行的事件？有没有比在我的代码和祈祷中洒console.log()更简单的方法？

我希望我可以逐步完成代码，看看状态的每个变化，包括DOM。