我如何发现哪个代码触发了滚动到顶部?
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
或您认为最有效的任何设置,然后重新与该站点交互并观察它中断时调用的内容。
本页: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
或您认为最有效的任何设置,然后重新与该站点交互并观察它中断时调用的内容。