Javascript 禁止垂直滚动，但允许水平滚动

我现在有一个小日程，有一个日景

当我的动态表开始有很多

时，会出现一个水平滚动条，但当用户向右滚动时，他就看不到自己实际选择的时间了。我创建了一个小示例，如代码段所示

#容器{
宽度：400px；
高度：250px；
边框：1px纯黑；
溢出-x：自动；
空白：nowrap；
位置：相对位置；
}
桌子{
边框：1px纯黑；
边界塌陷：塌陷；
}
表th{
填充：8px；
边框：1px实心#ddd；
保证金：0；
显示：块；
}
表td{
填充：8px；
边框：1px实心#ddd；
最小宽度：150px；
最小高度：18px；
显示：内联块；
}
表tr:n子（偶数）{背景色：#f2f2；}
表tr:hover{背景色：#ddd；}
.第二张表{
左边界：无！重要；
}
.第一次会议{
左边距：100px；
边缘顶部：50px；
位置：相对位置；
}
.餐具柜{
显示：内联块；
}
#绝对容器{
/*位置：绝对位置*/
}
#时间表{
/*位置：固定*/
}

8:00
9:00
10:00
11:00
12:00
13:00
14:00
15:00

在这种情况下，您可能需要使用

上的
位置：sticky
和
左：0
。firstTableCon

：

#容器{
宽度：400px；
高度：250px；
边框：1px纯黑；
溢出-x：自动；
空白：nowrap；
位置：相对位置；
}
桌子{
边框：1px纯黑；
边界塌陷：塌陷；
}
表th{
填充：8px；
边框：1px实心#ddd；
保证金：0；
显示：块；
}
表td{
填充：8px；
边框：1px实心#ddd；
最小宽度：150px；
最小高度：18px；
显示：内联块；
}
表tr:n子（偶数）{背景色：#f2f2；}
表tr:hover{背景色：#ddd；}
.第二张表{
左边界：无！重要；
}
.第一次会议{
左边距：100px；
边缘顶部：50px；
职位：-网络工具包粘性；
位置：粘性；
左：0；
}
.餐具柜{
显示：内联块；
}
#绝对容器{
/*位置：绝对位置*/
}
#时间表{
/*位置：固定*/
}

8:00
9:00
10:00
11:00
12:00
13:00
14:00
15:00

您可以添加overflow-y:hidden；集装箱内

#容器{
宽度：400px；
高度：250px；
边框：1px纯黑；
溢出-x：自动；
空白：nowrap；
位置：相对位置；
溢出y：隐藏；
}
桌子{
边框：1px纯黑；
边界塌陷：塌陷；
}
表th{
填充：8px；
边框：1px实心#ddd；
保证金：0；
显示：块；
}
表td{
填充：8px；
边框：1px实心#ddd；
最小宽度：150px；
最小高度：18px；
显示：内联块；
}
表tr:n子（偶数）{背景色：#f2f2；}
表tr:hover{背景色：#ddd；}
.第二张表{
左边界：无！重要；
}
.第一次会议{
左边距：100px；
边缘顶部：50px；
位置：相对位置；
}
.餐具柜{
显示：内联块；
}
#绝对容器{
/*位置：绝对位置*/
}
#时间表{
/*位置：固定*/
}

8:00
9:00
10:00
11:00
12:00
13:00
14:00
15:00