通过Chrome devtools，我怎么知道哪个元素正在滚动？
通过Chrome devtools，你可以使用以下步骤来确定哪个元素正在滚动：
- 打开Chrome浏览器并导航到你想要检查的网页。
- 右键点击页面上的任何元素，然后选择"检查"或"审查元素"选项。这将打开Chrome devtools面板。
- 在devtools面板中，你会看到一个元素树结构，显示了页面上的所有元素。
- 在元素树中选择你感兴趣的元素。选中的元素将在页面上高亮显示，并在devtools面板中显示其相关信息。
- 在devtools面板的右侧，你会看到一个"Styles"或"样式"选项卡。点击该选项卡以查看元素的CSS样式。
- 在CSS样式中，查找并展开"overflow"属性。如果该属性的值为"auto"、"scroll"或"hidden"，则表示该元素具有滚动功能。
- 如果你想进一步确定元素是否正在滚动，可以在CSS样式中查找并展开"overflow-x"和"overflow-y"属性。如果其中一个属性的值为"scroll"，则表示该元素在相应的方向上具有滚动功能。
- 此外，你还可以在devtools面板的"Elements"选项卡中找到"Event Listeners"或"事件监听器"选项。展开该选项以查看与滚动相关的事件监听器，例如"scroll"事件。
通过以上步骤，你可以使用Chrome devtools确定哪个元素正在滚动，并获取有关该元素的更多信息。
相关·内容
最好的行动是找到正在滚动的元素，并将滚动移动到子元素，在我的例子中。 那么，如果没有无数的事件监听器的添加/删除，我如何才能找到滚动的元素呢？
浏览 69提问于2021-01-12得票数 0
我正在测试我的HTML的可访问性。在使用Tab键导航HTML时，焦点环有时会消失，因为具有焦点的元素被隐藏。在这一点上，我不知道哪个DOM元素具有焦点。有没有办法在Chrome DEVtools中跟踪TABbing浏览页面时哪个元素有焦点？
浏览 6提问于2018-07-17得票数 24
回答已采纳
我需要将一些漂亮的jquery效果(例如相册)从一个网页复制到另一个网站。在我的例子中，有大量的jquery插件和css页面链接到该页面。有没有办法找出哪些jquery页面或函数以及css部件正在影响创建这些效果的页面元素或部分？
浏览 2提问于2016-03-01得票数 0
2回答
我在wordpress中构建了标题和节英雄。我使用了干净的代码，手机上也有溢出漏洞。总是在devtools，有时在我的手机上。很难找到它，因为当您编辑或删除devtools中的任何元素时，溢出就消失了。
截图：
浏览 2提问于2022-04-01得票数 0
在我的Google扩展中，我尝试听取DevTools面板“元素”中的选择。特别是，应该能够听取已经选定的元素的选择。我目前的实现方法围绕着函数chrome.devtools.panels.elements.onSelectionChanged。函数名已经表明，只能对当前未选中的元素作出反应。因此，我尝试使用帮助变量$0重置或删除当前的选择，以便能够再次侦听相同的元素--不幸的是，没有成功。
浏览 0提问于2019-05-13得票数 0
回答已采纳
我不使用Bootstrap或reset.css/reboot.css，我试图用通用的css构建一个网站。我正在做一些非常基本的事情，但是我得到了“这个元素导致一个元素溢出”--实际上到处都是。我已经很长一段时间没有在没有任何css框架的情况下完成布局了，我也找不到关于这个问题的任何东西。即使是br也会导致溢出！这是什么？我没有看到任何蝎子，一切看上去都和我预期的一样。我仔细检查了一下，发现
浏览 9提问于2022-01-02得票数 3
2回答
我正在编写一个使用chrome.devtools.inspectedWindow和chrome.devtools.network，的扩展程序，特别是我的chrome版本18.0.1025.151似乎不支持这些api，我想知道从哪个版本中可以找到支持哪些函数？也许有人能告诉我如何调试devtools_page？如果它坠毁了，我在任何地方都看不到它的
浏览 3提问于2012-05-15得票数 1
回答已采纳
2回答
我知道Chrome的检查器有一个选择器，可以选择哪个框架与控制台一起使用。Firebug有一个类似的命令cd(window.frames[number])。Firefox Devtools中有没有类似的东西？我认为frame.window.eval可以工作，但前提是它不是跨域的。
但是你至少可以通过编程的方式改变元素的样式来“看到”它。
浏览 2提问于2013-05-25得票数 8
回答已采纳
1回答
我正在处理以下代码： <div> <div> </div> </div> position: absolute;使用Chrome的<em
浏览 3提问于2015-03-23得票数 15
回答已采纳
有没有办法使用Chrome inspect工具修改Chrome上的PDF中的文本？我被困住了，因为在Chrome检查元素中，与任何其他网站甚至在Chrome中打开的PowerPoint演示文稿不同的是，我可以修改文本，而使用PDF则不能。有人知道怎么做吗？编辑:是的，我知道通过Chrome DevTools所做的改变是暂时的，但通常我</
浏览 15提问于2020-04-17得票数 0
2回答
是否可以使用Google工具直接更改服务器上的文件，例如直接与ftp服务器交互？它将使PHP编辑更加容易。
浏览 3提问于2015-02-08得票数 1
回答已采纳
2回答
在浏览器中，滚动窗口时中断
、、、、
在Chrome Devtools中，您可以在更改DOM元素的属性或修改元素的子树时中断javascript。我正在编写一些遗留代码，其中包含一些在某些情况下可以滚动到页面顶部的javascript，我希望找到能够做到这一点的JS。
在Devtools中，有没有办法在滚动事件时中断？可能是jQuery或Prototype.js，也可能是基于事件的JS，我已经在代码库中搜索了.scrollTop或.an
浏览 2提问于2014-10-21得票数 18
我试图对chrome开发人员工具进行修改，所以我遵循了下面列出的步骤：，并从安装了chrome build 155617。然后我启动chrome，如下所示：当我尝试检查一个元素时，我得到了开发工具面板，然而，“<e
浏览 0提问于2012-09-09得票数 0
回答已采纳
1回答
我正在开发一个Chrome扩展，它可以与页面上的雅虎用户界面交互。通过一系列事件，DOM中的元素在页面上变得不可见。
悬停在“元素”面板中的元素上，不会突出显示页面上的元素。右键单击元素面
浏览 3提问于2017-01-29得票数 1
回答已采纳
1回答
我正在构建一个chrome工具扩展来捕获页面元素并进行存储。现在，我可以通过在我注入的内容脚本中使用click方法来捕获页面元素。为了将捕获的元素从内容脚本发送到后台脚本，我使用了stopPropagation和preventDefault方法来禁用元素上的单击事件。
问题语句：现在我想在选择元素之后恢复到元素的默认事件。有devtool
浏览 1提问于2016-03-03得票数 0
Chrome版“32.0.1700.76m”。我如何搜索资源。使用Devtools，我如何在所有资源中搜索特定的javaScript，而不知道它在哪个文件中。这个特性曾经起作用，现在我想不出该怎么做了。
浏览 3提问于2014-01-16得票数 4
回答已采纳
我正在为Chrome和Firefox使用chrome命名空间，但是我想知道哪个浏览器正在运行web扩展。
浏览 3提问于2020-04-07得票数 1
回答已采纳
当滚动某些站点的页面时，我的Chrome扩展会一次又一次地呈现相同的元素，导致性能下降。当我停止滚动时，渲染就会发生。这导致同一层的倍数在另一层上煎饼。我怎样才能阻止额外的图层？应该只呈现一个层。
我尝试添加一个滚动事件侦听器，这样当它停止滚动时，它就不会显示组件(内置React)，认为它会影响正在呈现的新元素。不幸的是，它通过移除顶部的层来锁定它，并且堆栈底部的下一层会传播，从而
浏览 4提问于2020-02-07得票数 0
1回答
我使用的是一个特定的模板，它似乎会对滚动产生影响。每当我收到来自ajax的数据并插入足够的HTML以便页面得到垂直滚动条时，它就不会。当我打开chrome时，或者当我将一个具有弹出窗口的元素悬停时，滚动条突然出现。我似乎找不到原因，我想知道我是否可以做些什么来触发更新，就像devtools一样。
浏览 3提问于2015-04-21得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
