IE溢出滚动

Question

如何删除滚动条但允许在Internet Explorer中滚动？它在FireFox / Chrome / Safari中看起来不错，但它在IE中看起来非常糟糕，基本上无法使用。

这是我的CSS：

<style type="text/css">
table
{
    display:inline-block;
    overflow:auto;
    white-space: nowrap;
}
th, td
{
    display:inline-block;
    height:100px;
    width:100px;
    overflow:hidden;
    white-space: pre-wrap;
}
th {
    text-align: left;
}
td {
    vertical-align: top;
    padding-top:0px;
}
</style>

这是我在IE9-11中的表格截图（它们看起来都一样）：

太可怕了......

这是代码http://jsfiddle.net/EZM6x/

的小提琴

Answer 1

我会完全禁用滚动条，添加一个jquery事件并使用animate或scrollTop函数来实现结果。

或者你可以使用像tinyscrollbar这样的滚动条插件，并将滚动条的CSS设置为display:none

如果你不能使用jquery，你仍然可以将可滚动区域对齐在一起以隐藏滚动条。

Answer 2

找到它可以使用的IE版本，然后使用它。

<!--[if IE]>
    <meta http-equiv="X-UA-Compatible" content="IE=//put version here">
<![endif]-->