为啥鼠标滚动条不起作用?

Posted 2023-05-15

参考技术A 在你所在的窗口没有激活的情况下，它可能不会起作用的，还有就是驱动也有可能出问题，最后，你两种情况都正常的情况下，还不起作用时，就是鼠标坏了

当鼠标在核心工具栏上时，聚合物核心滚动标题面板中的鼠标滚轮滚动不起作用

【中文标题】当鼠标在核心工具栏上时，聚合物核心滚动标题面板中的鼠标滚轮滚动不起作用

【英文标题】：Mouse wheel scroll in Polymer core-scroll-header-panel not working, when mouse is over core-toolbar

【发布时间】：2015-01-27 19:07:47

【问题描述】：

这是来自 polymer-project.org 的 core-scroll-header-panel 演示： https://www.polymer-project.org/0.5/components/core-scroll-header-panel/demo.html

出了什么问题： 将鼠标放在某个列表项上并向下滚动鼠标滚轮 => 您将看到所有内容（列表）都被滚动，并且核心工具栏将其高度更改为某个最小高度，然后在屏幕上向上滚动。一切正常。

现在将鼠标放在核心工具栏上的某个位置并向下滚动鼠标滚轮。 => 什么都不会发生

问题是： 我应该怎么做才能使鼠标指向内容和核心工具栏都具有相同的滚动。

例如，文档中的页面没有此类问题 (https://www.polymer-project.org/docs/elements/core-elements.html#core-scroll-header-panel)。似乎它使用了其他聚合物成分（或者可能不是聚合物，我不知道）。

感谢您的帮助。

【参考方案1】：

发生这种情况是因为 core-scroll-header-panel 的 headerContainer（在其 Shadow DOM 内）阻止了滚动。

一种可能的解决方案是通过将pointer-events 设置为none 来禁用它接收触摸或鼠标事件。

core-scroll-header-panel::shadow #headerContainer 
    pointer-events: none;

【讨论】：

一个补充：为了工作，你的 。演示页面具有此属性，但是当我从头开始时，我卡住了。所以，也许这个通知会有用