鼠标位于core工具栏上方时,鼠标滚轮在Polymer core scroll标题面板中滚动不工作
这是polymer-project.org的核心卷轴标题面板演示: 怎么了:鼠标位于core工具栏上方时,鼠标滚轮在Polymer core scroll标题面板中滚动不工作,polymer,Polymer,这是polymer-project.org的核心卷轴标题面板演示: 怎么了: 将鼠标放在某个列表项上并向下滚动鼠标滚轮 =>您将看到所有内容(列表)都被滚动,核心工具栏将其高度更改为最小高度,然后在屏幕上向上滚动。 一切都好 现在将鼠标放在核心工具栏的某个位置,向下滚动鼠标滚轮。 =>什么也不会发生 问题是: 我应该怎么做才能使鼠标指向内容和核心工具栏都有相同的滚动条 例如,文档中的页面没有此类问题()。似乎它使用了其他聚合物成分(或者可能不是聚合物,我不知道) 感谢您的帮助。之所以发生这种情
将鼠标放在某个列表项上并向下滚动鼠标滚轮
=>您将看到所有内容(列表)都被滚动,核心工具栏将其高度更改为最小高度,然后在屏幕上向上滚动。
一切都好 现在将鼠标放在核心工具栏的某个位置,向下滚动鼠标滚轮。
=>什么也不会发生 问题是:
我应该怎么做才能使鼠标指向内容和核心工具栏都有相同的滚动条 例如,文档中的页面没有此类问题()。似乎它使用了其他聚合物成分(或者可能不是聚合物,我不知道)
感谢您的帮助。之所以发生这种情况,是因为
核心滚动标题面板的标题容器(在其阴影DOM内)正在阻止滚动
一种可能的解决方案是通过将指针事件设置为none
来禁用它接收触摸或鼠标事件
core-scroll-header-panel::shadow #headerContainer {
pointer-events: none;
}
还有一点:要工作,标记必须具有“shim shadowdom”属性。所以,这应该是这样的:……解决方案就在这里。演示页面有这个属性,但当我从头开始时,我卡住了。所以,也许这个通知会有用