0
点赞
收藏
分享

微信扫一扫

自定义滚动条的样式


核心代码: 

  /*
设置滚动条整体部分的样式
*/
::-webkit-scrollbar {
/* 滚动条整体的宽度及颜色 */
width: 2px;
background-color: #F1F1F1;
}
/*
滚动外层样式
*/
::-webkit-scrollbar-track {
border-radius: 50%;;
}

/*
滚动的滑块样式
*/
::-webkit-scrollbar-thumb {
border-radius: 50%;
background-color: #C1C1C1;
}

 

效果图:

自定义滚动条的样式_javascript

 



举报

相关推荐

0 条评论