Javascript 鼠标滚轮事件，在Firefox中使用PerfectScrollbar的Highcharts时未按预期工作

我用的是，它是，用的是滚动。该图表通过用于“缩小”和“放大”（在鼠标滚轮事件上）的插件进行扩展，并放置在父

DIV

元素下（在该元素上实现了完美的滚动条）

请注意，这是它应该如何工作的：

• 当用户鼠标悬停图表且用户滚动鼠标滚轮时，图表为“缩小”/“放大”（应用highchart插件中的事件）
• 如果用户未使用鼠标悬停图表，并且正在滚动鼠标滚轮，则会向下滚动父DIV

上述场景已经在以下JSFIDLE中实现，并且可以在

Chrome浏览器上使用：

但问题是，这在
Mozilla Firefox浏览器上不起作用。在这里，当用户鼠标位于图表上方时，图表不会“缩小”/“放大”

我无法检测出这两个库中的哪一个导致了问题，但问题中不知何故包含了鼠标滚轮事件。我在这里尝试了许多组合，但无法在两种浏览器中都像预期的那样工作

编辑：

以下是基于@User863答案的解决方案：
问题是
delta
在
Firefox

相反，您可以直接从


不使用perfectScrollbar

从版本64开始，firefox具有
滚动条宽度
，
滚动条颜色
属性。所以你也可以设计滚动条的样式


let delta = e.deltaY;