如何隐藏滚动条

隐藏滚动条并确保仍有滚动功能

假设html结构如下

<div className="custom-sider">
	内容...
</div>

添加样式

.custom-sider{
  width: 100%; /* 设置容器宽度 */
  height: 300px; /* 设置容器高度 */
  overflow: auto; /* 显示滚动条，根据内容决定是否显示 */
 
  /* 隐藏默认的滚动条样式 */
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none; /* IE and Edge */
}
.custom-sider::-webkit-scrollbar {
  display: none; /* Chrome, Safari, and Opera */
}