Javascript 如何创建水平隐藏滚动条

实际上，我正在尝试复制移动应用程序中常见的水平滚动菜单

我真的不明白为什么它不应该工作，虽然对我来说，隐藏垂直滚动条和水平滚动似乎是合乎逻辑的。我知道有很多方法可以隐藏垂直滚动条，但是为什么水平滚动条不可能隐藏呢

这是我迄今为止创建的演示垂直方式的代码段，但是如何修改水平方式呢

我确实试过：
溢出y：隐藏； 溢出-x：滚动

但那不起作用

我可以把它改成jquery，但我不知道如何做到这一点，所以如果有一个兼容的css解决方案，这将对我有所帮助

.block，
.集装箱{
宽度：250px；
高度：250px；
}
.集装箱{
边框：1px实心#aaa；
填充：5px 0 5px 5px；
位置：相对位置；
溢出：隐藏；
}
.货柜内{
位置：绝对位置；
溢出x：隐藏；
溢出y：滚动；
}
@媒体屏幕和（-webkit最小设备像素比：0）{
.货柜内，
.街区{
变换：比例（-1,1）；
-webkit转换：缩放（-1,1）；
}
.货柜内{
右：0；
}
}
.街区{
填充：10px 0px 10px 0；
}

Lorem ipsum dolor sit amet，是一位杰出的献身者。这是一个完整的交通工具。Integer调味品ultrices elit ut mattis。这是一个很好的例子。



不必为您的头巾做任何准备。红葡萄酒、红葡萄酒、红葡萄酒、红葡萄酒、红葡萄酒、红葡萄酒和利奥葡萄酒都是自由人。这是一种很有智慧的调味品。等分
阿库。Morbi tristique aliquam rutrum。



两人一组，一个是小兽人，一个是小兽人，一个是大兽人，一个是大兽人，一个是大兽人，一个是小兽人，一个是小兽人，一个是小兽人。维瓦姆斯·乌兰科珀·阿库坐在艾米特·莫里斯·埃古斯塔斯·埃古斯塔斯。前庭，调味品，调味品，调味品。



这是一个非常复杂的问题，我们需要解决这个问题。阿利夸姆是一个骗子。这是一个伟大的事业，是一个自由前的事业。在欧盟成立之前，库拉比图尔·阿利夸姆（Curabitur aliquam）是一位不可告人的人物。奎斯克维塔丁西德普鲁斯。费吉亚特万岁酒店
在这一点上，不必进行任何沟通。



这是一个新的城市，但它的前身是一个城市。我的朋友，我的朋友。库拉比图·多洛·马萨（Curabitur dolor massa），主语为同侧，主语为佩伦特斯式（porttitor pellentesque）。埃尼安·埃吉斯塔斯·库苏斯·泰姆。他是一名侵权人
库苏斯。毛里斯·波特提托·奎斯·尼西和廷西登。库拉比图尔·阿迪皮斯金·尼布。莫里斯·利奥、奥奇·埃吉特、尼西前庭。这是一种时差，是一种痛苦，是一种幸福。达格尼西姆酒店
自由人。

为了避免使用垂直滚动条，只需确保内容的高度不超过容器的高度即可。这可以通过确保滚动容器和子容器之间的元素使用最大高度（100%）而不是某些硬编码值来实现

容器上的

溢出：auto

只会向子维度添加一个超出容器维度的滚动条

编辑：隐藏水平滚动条是特定于平台的，因为它们在不同平台上具有不同的高度。在Mac上，它是13px，因此滚动区域的容器需要小13px才能隐藏滚动条。

无垂直滚动条的水平滚动菜单示例代码：

html{
字体大小：10px；
}
容器{
显示：块；
溢出：隐藏；
/*Mac上滚动条的高度为13px*/
高度：计算（5rem-13px）；
}
滚动区{
显示：块；
/*组件的可视宽度*/
宽度：400px；
身高：5雷姆；
溢出：自动；
边框：1px实心浅灰色；
}
按钮菜单{
显示器：flex；
保证金：0；
填充：0；
宽度：800px；
身高：100%；
}
钮扣{
框大小：边框框；
弹性：10自动；
字号：2rem；
身高：100%；
保证金：0；
填充：0；
}

苹果
伯克希尔
雪佛龙
德意志银行
埃克森美孚

如果使用

溢出：隐藏的

滚动条将消失，但您将无法滚动，因此，如果您希望滚动div带有隐藏的滚动条，则需要脚本或使其父级隐藏滚动条

下面是如何使用非脚本

.container{
宽度：250px；
高度：220px；/*30px小于“隐藏”滚动的内部高度*/
边框：1px实心#aaa；
溢出：隐藏；
}
块
.集装箱工人{
宽度：250px；
高度：250px；
}
.集装箱工人{
填充：5px 0 5px 5px；
位置：相对位置；
溢出：自动；
溢出y：隐藏；
}
.街区{
填充：10px 0px 10px 0；
空白：nowrap
}

Lorem ipsum dolor sit amet，是一位杰出的献身者。这是一个完整的交通工具。Integer调味品ultrices elit ut mattis。这是一个很好的例子。



不必为您的头巾做任何准备。红葡萄酒、红葡萄酒、红葡萄酒、红葡萄酒、红葡萄酒、红葡萄酒和利奥葡萄酒都是自由人。这是一种很有智慧的调味品。等分
阿库。Morbi tristique aliquam rutrum。



两人一组，一个是小兽人，一个是小兽人，一个是大兽人，一个是大兽人，一个是大兽人，一个是小兽人，一个是小兽人，一个是小兽人。维瓦姆斯·乌兰科珀·阿库坐在艾米特·莫里斯·埃古斯塔斯·埃古斯塔斯。前庭，调味品，调味品，调味品。



在索利西图丁大学，这是一个非常重要的问题