css滚动条 透明

html-css018

css滚动条 透明,第1张

这样设置就可以是滚动条变为透明

  ::-webkit-scrollbar {

            height: 0

            width: 0

            color: transparent

        }

这个滚动条是自定义的滚动条,是CSS3自定义滚动条样式 -webkit-scrollbar。

滚动条的css样式主要有三部分组成:

1、::-webkit-scrollbar 定义了滚动条整体的样式;

2、::-webkit-scrollbar-thumb 滑块部分;

3、::-webkit-scrollbar-thumb 轨道部分;