reactjs中如何触发组件水平滚动的功能答案

【问题标题】：How to trigger a function on horizontal scroll of a component in react jsreactjs中如何触发组件水平滚动的功能
【发布时间】：2020-11-23 15:15:15
【问题描述】：

我正在尝试创建一个可以双向控制的水平滚动条，

两者都完成了，但有一个问题我正在努力解决但不明白该怎么做。

我想在水平滚动时触发一个功能，这样我就可以通过鼠标滚动和触摸滚动来隐藏和取消隐藏箭头按钮。我怎样才能做到这一点？还是其他方式？

horizontal Scroller，这是水平滚动条的代码，我已经实现了

我们将不胜感激任何类型的帮助。谢谢！

【问题讨论】：

【解决方案1】：

我实现这一点的方法是使用来自 React onScroll 的 onScroll 合成事件在滚动时隐藏箭头，然后在滚动停止时调用 setTimeout 来显示箭头。

此处示例：Code Sandbox

【讨论】：

【解决方案2】：

横向滚动条的最终代码在这里，Horizontal Scroller

【讨论】：