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

Scrollbar issue in different browsers

本文关键字：滚动条 问题 浏览器      更新时间：2023-09-26

我在div中有一个table。在按钮点击，我改变table的宽度相同的div的宽度。问题是在IE11和Firefox滚动条不出现，而在chrome滚动条出现。我不需要那个chrome的滚动条。我的代码有什么问题??

这是我的代码。

是否有解决这个问题的方法??

谁来帮我一下!!

你可以使用这个例子来删除滚动条在谷歌浏览器。问题是表内容宽度是动态计算的(根据内容均匀地放置列)，并且不等于您定义的宽度-差异可能小于1 px，但它是呈现的。

修复是使用填充1px的容器或设置表的宽度少table.width(table.width() / 2 - 1);我更喜欢填充值，因为表宽度将保持您需要的值(1000,500,250等)。而不是999,499,249…)

使用窗口宽度:

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

演示

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

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

相关文章：