所以我有一个固定宽度的组件,带有一个overflow-x-auto.我决定隐藏滚动条,并用左右两个箭头/按钮替换它.如果我点击左键,它会向左滚动,反之亦然.如何实现此功能?
这是我的组件
<div className={` vertical-card w-7/12 flex flex-row overflow-x-scroll no-scrollbar pb-4`}>
{
dataConselor.map((item, index) => {
return <VerticalCard key={item.id} name={item.nama} specialist={item.specialist} shortdesc={item.shortdesc} img={item.img} />
})
}
</div>