Javascript x轴隐藏在滑块中时y轴溢出

首先，我要说的是，我已经查找了这个问题，并且发现了确实相关的问题（例如）：在解释完问题之后，我将稍后再讨论这个问题

为了简单起见，我使用

transform:translateX（）

和

overflow-x:hidden

CSS属性创建了一个滑块；结果如下（此处也是->）：

让currTranslate=0；
常量滑块=document.getElementById（“滑块”）；
const btLeft=document.getElementById（“bt1”）；
const btRight=document.getElementById（“bt2”）；
btLeft.addEventListener（“单击”，（）=>{
currTranslate-=5；
如果（当前翻译<-200）{
currTranslate=0；
}
slider.style.transform=`translateX（${currtranlate}px）`；
});
btRight.addEventListener（“单击”，（）=>{
电流转换+=5；
如果（currTranslate>0）{
currTranslate=0；
}
slider.style.transform=`translateX（${currtranlate}px）`；
});
#容器{
显示器：flex；
}
#bt1，#bt2{
高度：30px；
}
#第一组{
显示器：flex；
宽度：240px；
溢出x：隐藏；
溢出y：可见；
}
#滑块{
弹性收缩：0；
显示：内联flex；
}
.盒子{
宽度：100px；
高度：100px；
背景：蓝色；
位置：相对位置；
}
.盒子+.盒子{
左边距：10px；
}
#腹肌{
位置：绝对位置；
底部：-25px；
颜色：红色；
}

左边
绝对输入滑块
赖特