CSS 伪类设置页面滚动条隐藏或透明

代码

隐藏

::-webkit-scrollbar {
    width: 0px;
    height: 0px;
}

透明

::-webkit-scrollbar {
    color: transparent;
}

原理

• 增加滚动条的伪类元素 ::-webkit-scrollbar；
• 设置其属性的 width 为 0；
• 或是设置其属性的 color 为 transparent；
• 前者为隐藏该元素；
• 后者为透明化该元素。

增加以上单一或全部代码即使该元素不可见，滚动条随即隐藏。