Javascript 从左向右滑动LI而不滚动CSS或JS？

我尝试在手机中从左向右滑动

LI

，我只使用

CSS

，我知道任何插件都可以轻松完成，但我无法在我的项目中使用任何插件，以下是我创建的，主要要求是从底部移除滚动条，在手机中，触摸内容区域时会出现滚动条

如果我正在使父div

溢出：隐藏

则我无法刷卡

.spotlight\u numbers-v2{
宽度：100%；
最大宽度：480px；
浮动：左；
背景:#f3；
溢出：自动；
}
.聚光灯编号-v2>ul{
列表样式：无；
保证金：0；
填充：0；
宽度：150%；
}
.聚光灯编号-v2>ul>li{
颜色：#606060；
字号：500；
显示：内联块；
列表样式：无；
利润率：0.15px；
填充：10px；
文本转换：大写；
字体大小：16px；
}
.聚光灯编号-v2>ul>li>a{
颜色：#606060；
文字装饰：无；
}

只需使用另一个容器，使其高度小于

的高度。spotlight\u numbers-v2

并将容器设置为

溢出：隐藏


.container{
高度：40px；
溢出：隐藏；
}
.u编号-v2{
宽度：100%；
最大宽度：480px；
浮动：左；
背景:#f3；
溢出y：自动；
}
.聚光灯编号-v2>ul{
列表样式：无；
保证金：0；
填充：0；
宽度：150%；
}
.聚光灯编号-v2>ul>li{
颜色：#606060；
字号：500；
显示：内联块；
列表样式：无；
利润率：0.15px；
填充：10px；
文本转换：大写；
字体大小：16px；
}
.聚光灯编号-v2>ul>li>a{
颜色：#606060；
文字装饰：无；
}













尝试检查它并在移动视图中查看，这样您就可以看到它在从右向左滑动时仍然可以滚动。目前这很好，但我想我必须使用javascript方法才能实现这一点。