[分享]css不显示滚动条的滚动

在使用CSS时，经常会遇到一个问题，就是滚动条无法显示或无法滚动的情况。下面我们来介绍一下这个问题的解决方案。/ 隐藏滚动条 / ::webkitscrollbar { display: none; ...

在使用CSS时，经常会遇到一个问题，就是滚动条无法显示或无法滚动的情况。下面我们来介绍一下这个问题的解决方案。

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

/* 自定义滚动条 */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

/* 滚动条颜色 */
::-webkit-scrollbar-thumb {
    background-color: #ccc;
}

/* 滚动条轨道颜色 */
::-webkit-scrollbar-track {
    background-color: #f5f5f5;
} 

以上代码中，第一部分是隐藏滚动条的方法，通过设置::-webkit-scrollbar的display属性为none，即可隐藏滚动条。如果需要自定义滚动条样式，可以使用第二部分代码。其中，::-webkit-scrollbar-thumb用于设置滚动条的颜色，::-webkit-scrollbar-track用于设置滚动条轨道的颜色。

需要注意的是，以上代码只适用于webkit内核浏览器，例如Chrome、Safari等。如果需要兼容其他浏览器，需要添加相应的CSS样式。

综上所述，以上是关于CSS不显示滚动条的解决方案。希望能对大家的开发工作有所帮助。