Javascript 按按钮时的水平和垂直不可见滚动

我想隐藏滚动条，并使水平滚动按钮按下，将滚动一列到所需的方向

但遗憾的是，它似乎无法发挥作用

$（“#左按钮”）。单击（函数（）{
event.preventDefault（）；
$（'.row fluid'）。设置动画({
向左滚动：“+=200px”
}“慢”）；
});
$（“#右键”）。单击（函数（）{
event.preventDefault（）；
$（'.row fluid'）。设置动画({
向左滚动：“-=200px”
}“慢”）；
});
.row流体{
溢出：自动；
空白：nowrap；
}
.世界其他地区流体。col-lg-4{
显示：内联块；
浮动：无；
溢出y：滚动；
高度：700px；
}
.图像包装器{
显示：块；
宽度：300px；
高度：200px；
背景色：黑色；
保证金：0自动；
边缘底部：20px；
}
我认为您应该将其视为滑动/旋转木马。您需要（按层次顺序）：

带有
溢出的容器-x：隐藏；位置：相对
内容的包装，在容器中移动（
位置：绝对
+左/右CSS属性，甚至）。>>在您的示例中，这将是
.row
，但不要使用
.row fluid
，因为它将处于绝对位置（它将弄乱您的
.col
宽度）

有太多关于滑块和旋转木马的在线内容，你应该去看看。您还可以完全避免这些麻烦，只需使用JS库即可为您处理这些问题

无论如何，我都不会依赖jQuery的
.scroll（）
进行左/右移动：这在移动设备上不会得到很好的处理

我还建议您从移动布局开始，并将其扩展到更大的视口。专注于尽可能简单的用户体验，其余的将很容易跟进

另外，制作一个响应性布局只需要处理几个CSS断点，您不一定需要引导

如果我需要澄清什么，请告诉我！祝你好运