相关疑难解决方法(0)

我有一个组件，当在较小的桌面窗口中时，它会调整大小为一排水平的引导卡。对于没有水平鼠标滚轮且不使用触摸板的用户，我希望允许用户在悬停在此特定组件上时使用垂直鼠标滚轮移动水平滚动。

这是我基于我的代码的原始 StackOverflow 问题：https : //stackoverflow.com/a/15343916/8387497

水平滚动辅助组件：

function horizontalScroll (event) {
  const delta = Math.max(-1, Math.min(1, (event.nativeEvent.wheelDelta || -event.nativeEvent.detail)))
  event.currentTarget.scrollLeft -= (delta * 10)
  event.preventDefault
}

我如何在需要水平滚动的组件上实现它：

<Row className='announcements-home' onWheel={horizontalScroll} >

当我将此horizontalScroll辅助函数放置在 React onWheel 事件中时，它会水平和垂直滚动。我想要的结果只是水平滚动。此外，Firefox 似乎完全没有响应这些更改的水平滚动。