我有一个组件,在较小的桌面窗口中调整大小为Bootstrap卡片的水平行。对于没有水平鼠标滚轮且不使用触摸板的用户,我希望允许用户在悬停在此特定组件上时使用其垂直鼠标滚轮移动进行水平滚动。
这是我基于以下原始StackOverflow问题编写代码: https://dev59.com/k2gt5IYBdhLWcg3w8h01#15343916
水平滚动辅助组件:
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在这些更改中似乎根本不响应水平滚动。
behavior: "smooth"
这部分导致滚动对我来说非常缓慢。删除它后问题解决了。 - undefined