css - 只有一个滚动条工作

Question

我有一张固定高度和宽度的桌子。我已经提到高度为 200 像素，宽度为 100%（在另一个 600 像素宽度的 div 内）现在我在运行时添加了一个新列，因此需要增加宽度，所以我想放一个滚动条。我正在做以下事情来实现这一点

$('.showDateTime').show();
$('.showDateTime').css("width", "300px");
$('#TransactionErrorsTableData').css("overflow-x", "scroll");

问题是水平滚动条出现但被禁用。垂直滚动条工作正常。我已将我的 div“TransactionErrorsTableData”的溢出设置为自动

关于如何启用水平滚动条的任何想法？

PS我有点坚持，所以如果问题不清楚，请原谅，如果需要任何细节，请发表评论。

score 2 · Accepted Answer

看到您只发布了一个片段并且没有发布任何示例，我无法准确地了解您的确切问题，但我会试一试。

如果使用 CSS 规则overflow-x: scroll或overflow-y: scroll，它会强制大多数浏览器显示滚动条，这是设计使然，这样如果内容放大，容器外的内容不会被强制移动。

滚动条没有被禁用，它只是因为没有足够的内容来实际滚动而处于非活动状态，我猜这是因为您已将.showDateTime' 的宽度设置为特定数量，该数量位于TransactionErrorsTableDatadiv 内部。

我希望这有帮助！

笔记：

由于没有给出足够的细节，这个答案都是假设的。

score 0 · Accepted Answer

试试看，但最好是一个 jsfiddler：

$('#TransactionErrorsTableData').css("overflow-x", "auto");

2 回答 2