如何判断是什么javascript代码导致了可见的更改？

jQuery/javascript/css

具体来说，我正在编写一些代码，当某些div到达窗口顶部时，这些代码会触发更改

我有三个div是这样设置的。前两个动作与预期一致

但由于某些原因，第三个div会导致窗口立即跳回我开始上一次滚动操作时的位置。i、 我点击滚动条并开始向下拖动，当我点击div，boom时，窗口回到我点击时的位置

是否有任何方法可以跟踪代码以准确获取正在执行的事件？有没有比把

console.log（）

我希望我能在这一点上一步一步地浏览代码，以查看包括DOM在内的状态中的每个更改。
一开始似乎有重复的div id。我可能错了，但请你检查一下。谢谢你的想法，但不，这些部门没有身份证。如果您对深入挖掘感兴趣，这里有个小问题：谢谢..尝试一下：）如果我理解正确（我不确定我是否理解）--在使用Firefox运行JSFIDLE时，我没有遇到您描述的问题。看，当我在浏览器中向下移动滚动条时，你的三个div依次到达顶部，然后固定在那里，一个在下一个下方。没有跳跃发生。@ButtleButkus戴维坦西刚才解释的事情也发生在我身上-如果它是预期的，一切都会发生。