【问题标题】:How do I discover which code is triggering a scroll to the top?如何发现哪个代码触发了滚动到顶部?
【发布时间】:2015-06-09 18:22:38
【问题描述】:

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

我在底部创建了画廊。单击缩略图时,灯箱会按预期打开,但其后面的页面会滚动到顶部。我的网址上没有#。这不会发生在另一个站点/主题上。我认为这是由父主题中的 js 引起的。我在父 js 中搜索了 scrolltop,但没有运气。我已经查看了萤火虫的 dom,但我真的不知道我在寻找什么。

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

【问题讨论】:

标签: javascript fancybox-2 jquery-masonry


【解决方案1】:
  • 假设您使用的是 Chrome,F12 用于开发者工具
  • 点击Sources标签
  • 展开右侧的Event Listener 选项卡并检查您认为适用的所有内容(或只是所有内容)

尝试浏览可交互元素,并观察Sources 标签右侧的DOM Breakpoints 中发生的情况。

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

【讨论】:

  • 问题的结果是溢出-y,在我的问题的评论中提到,但是这个过程将来会有所帮助,并且是一个很好的答案,谢谢。
  • 出于好奇,您能详细说明一下吗?是 CSS 故障吗?
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2018-01-19
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2018-06-16
  • 1970-01-01
相关资源
最近更新 更多