Css：在其他元素下水平滚动

Posted 2023-02-16

【中文标题】Css：在其他元素下水平滚动

【英文标题】：Css : scrolling horizontal under other element

【发布时间】：2021-12-13 04:20:58

【问题描述】：

我创建了一个甘特图，我希望当我在一个月的几天水平滚动时，隐藏日期的单元格（这里从 01 到 04）出现（所以它会隐藏右边的最后 4 天） .

我已经绞尽脑汁好几个小时了，我似乎无法解决这个问题:(

.gantt-chart-wrapper 
    height: 581px;


.gantt-chart-table 
    border-radius: 10px;
    table-layout: fixed;
    width: 100%;
    height: 100%;


.gantt-chart-table thead, .gantt-chart-table tbody 
    overflow: auto;
    white-space: nowrap;

这是一个小提琴：http://jsfiddle.net/yz3vd7wf/

谢谢。

【问题讨论】：

我不明白，我发布了一个小提琴，而不是另一个网站的链接：/

你的小提琴在另一个网站上，这是一个链接吗？是的。

没有。我自己创造了这个小提琴。它不在其他网站上。

【参考方案1】：

要进行溢出，您可以在要滚动的容器上使用 CSS overflow-x: 或 overflow-y:。

看看https://www.w3schools.com/css/css_overflow.asp

【讨论】：

嗨，我知道溢出，但是当我使用溢出时，滚动的是我的整个表格，而不是我的任务块下的行。