隐藏表滚动条

时间:2015-04-13 13:40:06

标签: html css scroll scrollbar css-tables

经过一些研究后,我发现我必须设置一个表格

display: block;
overflow: auto;

启用html表格的滚动。

是否有可能在每个现代浏览器(Chrome,Safari,Firefox)上隐藏滚动条通用?我尝试了一些像this one这样的解决方案,但它不适用于表格。

3 个答案:

答案 0 :(得分:3)

使用overflow: hidden;隐藏容器外部的内容,或overflow: visible;显示容器,即使它超出了容器边框。两者都删除了滚动条。

答案 1 :(得分:0)

您可以使用以下CSS类轻松删除滚动条:

.overflow-hidden {
    overflow: hidden;
}

如果您正在使用Bootstrap,请使用溢出功能。查找文档here

<div class="overflow-hidden">...</div>

答案 2 :(得分:0)

.hideScrollbar::-webkit-scrollbar{
  display: none; 
 }
<div class='hideScrollbar'></div>