Javascript 如何在手机中滚动时隐藏水平滚动条

我有一些列表，我显示在一行在桌面上，但在手机上，我必须显示相同的，但它应该是水平滚动刷

我使用CSS尝试了下面的代码。它正在工作，但我不想在滚动时显示水平滚动条。另外，我使用的是bootstrap4，所以我在容器中添加了我的列表

你能帮我解决这个问题吗

.aboutlinks ul{
保证金：0；
填充：0；
列表样式：无；
}
.大约{
显示：内联块；
利润率：15px；
边框：1px实心#000；
}
.大约{
填充：6px 25px；
显示：块；
}
@介质和全部（最大宽度：768px）{
.大约{
显示器：flex；
溢出x：隐藏；
}
}

溢出-x：隐藏将解决您的问题。在车身上，而不是容器上。请参阅下面的更新答案：


.aboutlinks ul{
保证金：0；
填充：0；
列表样式：无；
}
.大约{
显示：内联块；
利润率：15px；
边框：1px实心#000；
}
.大约{
填充：6px 25px；
显示：块；
}
@介质和全部（最大宽度：768px）{
身体{
overflow-x:hidden；//添加此部件
}
.大约{
显示器：flex；
//不要在这里放溢油
}
}









使用CSS伪元素（对于webkit浏览器）和属性（对于Firefox）


.aboutlinks ul{
保证金：0；
填充：0；
列表样式：无；
}
.大约{
显示：内联块；
利润率：15px；
边框：1px实心#000；
}
.大约{
填充：6px 25px；
显示：块；
}
@介质和全部（最大宽度：768px）{
.大约{
显示器：flex；
溢出-x：自动；
}
.没有滚动条{
滚动条颜色：透明；
}
.no滚动条：-webkit滚动条{
高度：0px；
}
.no滚动条：-webkit滚动条轨迹{
-webkit盒阴影：插入0 rgba（0,0,0,0）；
}
.没有滚动条：：-webkit滚动条拇指{
背景：rgba（0,0,0,0）；
-webkit盒阴影：插入0 rgba（0,0,0,0）；
}
.no滚动条：-webkit滚动条拇指：窗口不活动{
背景：rgba（0,0,0,0）；
}
}









overflow-y：滚动；溢出x：隐藏
overflow-x:hidden
它隐藏滚动条，但仍允许通过swiping@RoryMcCrossan，我应该在哪里添加overflow-x:hidden？@RoryMcCrossan，让我试试这个您已经包含了它，但是您已经将它设置为
滚动
。把它换成Hidden给我点时间看看它在你这边行吗？因为这对我来说不起作用。我的列表是固定的，当我刷卡时，什么也没有发生。更新了答案，将溢出-x移到了正文，而不是。aboutlinks ul–但是水平滚动条显示在底部。我看不到我这边有任何水平滚动条。在这里运行脚本。你看到水平滚动条了吗？我没有在firefox、chrome、safariThanks上看到任何答案，请给我一些时间用我的代码实现您的答案。我会在一段时间内更新你。由于一些问题，我还没有测试你的代码。我会在这里更新。