Javascript HTML隐藏滚动条而不禁用滚动功能

我需要在不禁用滚动的情况下隐藏网站上的垂直滚动条。我试着用css来实现这一点，但没有很好的效果，要么滚动功能也被禁用了，要么垂直滚动条仍然存在。。。

---

我知道这个问题已经被问了好几次了，但我一直没有找到答案！我想隐藏我这边的每个滚动条，所以在每个元素中，也在整个主体中，现在CSS只有两个选项：

启用滚动：

container { overflow:auto; /*or scroll*/ }

禁用滚动并隐藏滚动条：

container { overflow:hidden }

但您需要使用以下任一选项：

container { overflow:hidden-scroll; } /* scroll but no scrollbars */
container { overflow:scroll-indicator; } /* iphone alike scroll 
                                            indicators, only on hover */

---

目前为止，只支持隐藏滚动和滚动指示器值，而传统浏览器不支持隐藏滚动和滚动指示器值。

请告诉我您的css示例为什么有人需要这些？滚动条确实有一定的用途，它们让用户知道某个区域是可滚动的。如果在不禁用滚动的情况下隐藏滚动条，我会称之为软件质量低下。