只有一个滚动条工作

时间:2012-10-25 12:32:47

标签: css horizontal-scrolling

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

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

问题是水平滚动条出现但已被禁用。 垂直滚动条工作正常的地方。 我已经为我的div“TransactionErrorsTableData”

设置了溢出为auto

如何启用水平滚动条?

P.S。如果问题不明确,请原谅我请原谅,如果需要任何细节,请发表评论。

2 个答案:

答案 0 :(得分:2)

我无法准确地解决您的确切问题,因为您只发布了一个代码段,并且没有发布任何示例,但我会试一试。

如果您使用CSS规则overflow-x: scrolloverflow-y: scroll,则会强制大多数浏览器显示滚动条,这是设计使然,如果内容放大,则内容会超出容器不会被迫四处走动。

滚动条已禁用,由于没有足够的内容实际可以滚动,它只是处于非活动状态,我猜这是因为你设置了.showDateTime '的宽度为特定数量,在TransactionErrorsTableData div。

我希望这有帮助!

注意:

由于没有给出足够的细节,所有人都假设了答案。

答案 1 :(得分:0)

尝试一下,但jsfiddler会更好:

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