Javascript 如何强制滚动以捕捉水平滑块中的特定位置

我制作了一个水平滑块和左右移动的按钮，我的按钮工作正常，但当我点击时，它的位置会被破坏。那么，我如何用JavaScript强制它只在特定位置捕捉呢

const goLeft=document.querySelector（“.fa箭头圆圈左”）
const goRight=document.querySelector（“.fa箭头右圆”）
const cardContainer=document.querySelector（“.cardContainer”）
goLeft.onclick=函数（）{
cardContainer.scrollLeft-=1202
}
goRight.onclick=函数（）{
cardContainer.scrollLeft+=1202
}

.card容器{
位置：相对位置；
显示器：flex；
弯曲方向：行；
框大小：边框框；
宽度：100vw；
身高：35雷姆；
左：50%；
转化：translateX（-50%）；
溢出-x：滚动；
溢出y：隐藏；
}