在所有浏览器隐藏滚动条

在所有浏览器中隐藏滚动条需要使用一些 JavaScript 技术。通常可以通过以下两种方式来实现：

1. 使用 `overflow: hidden` 属性

将需要隐藏滚动条的元素的 `overflow` 属性设置为 `hidden`，即可隐藏滚动条。例如：

.container {
  overflow: hidden;
}

缺点是无法滚动元素内容，适用于没有滚动需求的场景。

2. 自定义滚动条样式

通过 JavaScript 创建自定义的滚动条，并设置其样式。这种方式需要一定的 JavaScript 技术。可以使用一些开源的滚动条插件，如 Perfect Scrollbar、Simplebar 等。

以 Perfect Scrollbar 为例，使用步骤如下：

1. 引入 Perfect Scrollbar 的 CSS 和 JavaScript 文件：

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jquery.perfect-scrollbar/1.5.1/css/perfect-scrollbar.min.css" />

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.perfect-scrollbar/1.5.1/perfect-scrollbar.min.js"></script>

2. 初始化 Perfect Scrollbar：

$(document).ready(function() {
  // 初始化滚动条
  $('.container').perfectScrollbar();
});

3. 设置滚动条样式：

/* 滚动条轨道 */
.ps__rail-y {
  width: 10px !important;
  background-color: #f5f5f5 !important;
}

/* 滚动条滑块 */
.ps__thumb-y {
  width: 10px !important;
  background-color: #000000 !important;
}

以上是其中一种实现方式，具体实现可以根据自己的需求来选择。