/* 滚动条整体部分 */div::-webkit-scrollbar {} /* 滚动条里面的滑块 */div::-webkit-scrollbar-thumb {}/* 滚动条的轨道的两端按钮 */div::-webkit-scrollbar-button {}/* 滚动条的滑槽 */div::-webkit-scrollbar-track {}/* 滚动条没有滑块的滑槽部分 */div::-webkit-scrollbar-track-piece {}/* 边角,(横纵)两个滚动条的交汇处 */div::-webkit-scrollbar-corner {}/* 两个滚动条的交汇处上用于通过拖动调整元素大小的小控件 */div::-webkit-resizer {}
注意这些属性只对webkit内核管用,兼容的方法:
隐藏滚动条时,可以用一个色块通过定位盖上去将子级元素调大,父级元素使用overflow-hidden截掉滚动条部分。暴力且直接。
隐藏滚动条
body::-webkit-scrollbar {width: 0 !important; display: none; } // Chrome、Operabody {-ms-overflow-style: none; } // 微软body {overflow: -moz-scrollbars-none; } // Firefox