Javascript 不同浏览器中的滚动条问题

Javascript 不同浏览器中的滚动条问题,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我在div中有一个表。在按钮单击中,我正在将表的宽度更改为与div的宽度相同的宽度。问题在于IE11和Firefox的滚动条并没有出现,而chrome的滚动条却出现了。我不需要那个镀铬的滚动条。我的代码有什么问题 这个问题有解决办法吗 有人帮我做这件事吗 使用窗口宽度: $("#changeWidth").click(function () { var table = $("#sampleTable"); table.width($(windo

我在
div
中有一个
。在按钮单击中,我正在将
表的宽度更改为与
div的宽度相同的宽度。问题在于IE11和Firefox的滚动条并没有出现,而chrome的滚动条却出现了。我不需要那个镀铬的滚动条。我的代码有什么问题

这个问题有解决办法吗

有人帮我做这件事吗

使用窗口宽度:

 $("#changeWidth").click(function () {
            var table = $("#sampleTable");
            table.width($(window).width());
        });

如果你不需要滚动条,那么减去一些值

table.width($(window).width() - 20);

您可以使用此选项删除google chrome中的滚动条。问题是表内容宽度是动态计算的(以根据内容均匀地放置列),并且不等于您定义的宽度-差异可能小于1 px,但它是显示的


解决方法是为容器使用填充1px,或者将表宽度设置为小于table.width(table.width()/2-1)
;我更喜欢填充值,因为表格宽度将保持您所需的宽度(1000500250等。而不是999、499、249…)

是否希望滚动条显示?如果希望滚动条始终显示,请使用
overflow-x:scroll
。如果不希望它出现,请使用类似于
table.width($(“#container”).width()-1的内容
我认为最有趣的问题是为什么Chrome会显示滚动条。@webeno我不想要滚动条您是否尝试过
容器上的
溢出:隐藏
?谢谢您的回答。我不需要那个镀铬的滚动条。我已经更新了我的问题。请看看你的最新情况?如果在不扣除硬编码值的情况下不需要scrollbarIs,请使用第二个演示代码?您必须扣除示例中的值。