本文共 632 字，大约阅读时间需要 2 分钟。

隐藏滚动条

::-webkit-scrollbar {  width: 0rpx;  height: 0rpx;  background-color: transparent;}

其实设置为宽高为 0 或者背景颜色透明,其中任何一项都可以实现,或者你直接 opacity:0; 也可以,障眼法哈哈哈

设置滚动条样式

::-webkit-scrollbar {  width: 4px;  height: 4px;  color: #ffffff;}/* 设置滚动条轨道 内阴影+圆角 */::-webkit-scrollbar-track {  -webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.3);  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);  border-radius: 10px;  background-color: #ffffff;}/* 设置滚动条 内阴影+圆角 */::-webkit-scrollbar-thumb {  border-radius: 10px;  -webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.3);  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);  background-color: #39b54a;}

The_End