当鼠标位于核心工具栏上时，Polymer core-scroll-header-panel中的鼠标滚轮滚动不起作用

Question

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

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

现在将鼠标放在核心工具栏的某处，然后向下滚动鼠标滚轮 =＆GT;什么都不会发生

问题是： 我该怎么做才能让鼠标指向内容和核心工具栏同样滚动。

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

感谢您的帮助。

Answer 1

这是因为core-scroll-header-panel的{​​{1}}（在其Shadow DOM中）阻止了滚动。

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

none