隐藏滚动条但保留功能
要隐藏滚动条，但仍然能够继续滚动，可以使用以下代码：
实例
/* 为 Chrome、Safari 和 Opera 隐藏滚动条 */
.example::-webkit-scrollbar {
display: none;
}
/* 为 IE、Edge 和 Firefox 隐藏滚动条 */
.example {
-ms-overflow-style: none; /* IE and Edge */
scrollbar-width: none; /* Firefox */
}
亲自试一试
Webkit 浏览器（如 Chrome、Safari 和 Opera）支持非标准的 ::-webkit-scrollbar 伪元素，允许我们修改浏览器滚动条的外观。IE 和 Edge 支持 -ms-overflow-style: 属性，Firefox 支持 scrollbar-width 属性，这些属性允许我们隐藏滚动条但保留其功能。