隐藏表滚动条

Question

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

display: block;
overflow: auto;

启用html表格的滚动。

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

Answer 1

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

Answer 2

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

.overflow-hidden {
    overflow: hidden;
}

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

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

Answer 3

.hideScrollbar::-webkit-scrollbar{
  display: none; 
 }

<div class='hideScrollbar'></div>