```html
<style>
/* 隐藏整个页面的滚动条 */
html {
    /* 隐藏IE/Edge滚动条 */
    -ms-overflow-style: none;
    /* 隐藏Firefox滚动条 */
    scrollbar-width: none;
}

/* 隐藏Chrome/Safari/Opera滚动条 */
html::-webkit-scrollbar {
    display: none;
}

/* 确保滚动功能正常 */
body {
    /* 允许滚动 */
    overflow-y: scroll;
    /* 防止内容抖动，保持滚动条空间 */
    overflow-x: hidden;
    /* 兼容WebKit内核浏览器 */
    -webkit-overflow-scrolling: touch;
}
</style>

<!-- 为旧版IE添加条件支持（可选） -->
<!--[if lt IE 9]>
<style>
/* 旧版IE的滚动条隐藏方案 */
body {
    /* 移除外边距避免滚动条闪烁 */
    margin-right: -1px !important;
}
</style>
<![endif]-->
```

**使用方法：**
1. 直接将上面的代码粘贴到HTML文件的`<head>`标签内或者放在`<body>`开始标签之后
2. 如果需要只隐藏特定元素的滚动条，可以将`html`选择器改为对应元素的类名或ID

如果需要隐藏特定容器（如div）的滚动条，可以使用以下版本：

```html
<style>
/* 给需要隐藏滚动条的元素添加这个类 */
.hide-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none;
    overflow-y: scroll;
}

.hide-scrollbar::-webkit-scrollbar {
    display: none;
}
</style>

<!-- 使用示例 -->
<div class="hide-scrollbar" style="height: 200px; overflow-y: auto;">
    <!-- 很长很长的内容... -->
</div>
```