javascript - 隐藏滚动条以保持它们的工作(特定情况)

Question

我需要在表格之类的东西中隐藏一些滚动条。
我有一个由一些 div 元素构建的 5 行表，每行包含一个用于水平滚动的滚动条。
有办法隐藏它们吗？
我已经尝试在此处搜索解决方案，但该解决方案仅适用于单行，或者在我的情况下不起作用。

有 Demo

Answer 1

您可以通过使用伪选择器为滚动条设置样式来隐藏滚动条:

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

这就是说，就更改和隐藏滚动条的可访问性而言，这是一个很大的禁忌，看看你的代码，你也在使用 JavaScript 来设置宽度。也许值得研究一下如何重新编写代码以完全解决这些问题。