div自定义设置滚动条样式

　

div滚动条

示例

效果

CSS

myp{
        max-height:910px;
        overflow:auto;
   }
myp::-webkit-scrollbar{
    width:8px;
    height:8px;
    background-color: #61B6EB;
}
myp::-webkit-scrollbar-track{
    background: #213147;
    border-radius:2px;
}
myp::-webkit-scrollbar-thumb{
    background: #61B6EB;
    border-radius:2px;
}
myp::-webkit-scrollbar-thumb:hover{
    background: #61B6EB;
}
myp::-webkit-scrollbar-corner{
    background: #61B6EB;
}

参数说明

::-webkit-scrollbar 滚动条整体部分
::-webkit-scrollbar-thumb  滚动条里面的小方块，能向上向下移动（或往左往右移动，取决于是垂直滚动条还是水平滚动条）
::-webkit-scrollbar-track  滚动条的轨道（里面装有Thumb）
::-webkit-scrollbar-button 滚动条的轨道的两端按钮，允许通过点击微调小方块的位置。
::-webkit-scrollbar-track-piece 内层轨道，滚动条中间部分（除去）
::-webkit-scrollbar-corner 边角，即两个滚动条的交汇处
::-webkit-resizer 两个滚动条的交汇处上用于通过拖动调整元素大小的小控件

相关阅读

当我们需要修改easy UI 一些样式时，我们可以这样做

怎么样在div+css中设置一个div的框并出现滚动条

怎么样在p+css中设置一个p的框并出现滚动条50 怎么样在p+css中设置一个p，给他设置宽和高，并让他出现滚动条 匿名|浏览 159

Word2007技巧：在样式库中未看见任何页码设计

如果在样式库中未看见任何内置页眉或页脚设计，则构建块加载项可能不可用。要确保内置设计在所有 Microsoft Office Word 2007 构建

Echarts地图详解（地图样式、合并地图、增加地图）

概述 地图在我们日常的数据可视化分析中是很常见的一种展示手段，不仅美观而且很大气。尤其是在大屏展示中更是扮演着必不可缺的角

修改浏览器滚动条样式(兼容IE)

通常为了满足页面整体的风格的情况下，需要修改滚动条的颜色，各大视频网站都是以添加自定义滚动条的方式来满足，其实也可以理解，毕竟好