我如何发现哪个代码触发了滚动到顶部?

How do I discover which code is triggering a scroll to the top?

本页:http://crossroadsphotographicworkshops.com/blog/blog-post-the-first/

我在底部创建了图库。单击缩略图时,灯箱会按预期打开,但它后面的页面会滚动到顶部。我的 url 上没有#。这不会发生在另一个 site/theme 上。我假设这是由父主题中的 js 引起的。我在父 js 中搜索了 scrolltop,但没有运气。我已经查看了 firebug 的 dom,但我真的不知道我在找什么。

所以,我的问题是,您如何检查事件或目标元素?你怎么能看到所有附加到给定元素的js?我如何找出导致滚动到顶部的原因?

  • 假设您正在使用 Chrome、F12 开发者工具
  • 单击 Sources 选项卡
  • 展开右侧的 Event Listener 选项卡并勾选您认为适用的所有内容(或仅勾选所有内容)

尝试在可交互元素中导航,并观察 Sources 选项卡右侧 DOM Breakpoints 中发生的情况。

如果不起作用,inspect element 获取 HTML 的页面,然后右键单击最父元素(<html><body> 标记)在底部,将 Break on 设置为 Subtree Modifications 或您认为最有效的任何设置,然后重新与该站点交互并观察它中断时调用的内容。