架构大数据双料架构师

关注

自定义滚动条的样式

架构大数据双料架构师

关注

阅读 181

2022-05-30


核心代码: 

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

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

 

效果图:

自定义滚动条的样式_javascript

 



相关推荐

janedaring

自定义滚动条

janedaring 160 0 0

全栈学习笔记

浏览器自定义滚动条样式

全栈学习笔记 170 0 0

那小那小

自定义滚动条 - 全局

那小那小 196 0 0

江南北

iOS自定义滚动条

江南北 56 0 0

十日十月Freddie

QML之自定义滚动条

十日十月Freddie 209 0 0

萍儿的小确幸

如何使用CSS自定义好看的滚动条样式(转载)

萍儿的小确幸 132 0 0

攻城狮Chova

WPF自定义样式三(TabControl 下TabItem过多进行滚动条自定义样式)

攻城狮Chova 377 0 0

十日十月Freddie

Android自定义滚动条——城市列表

十日十月Freddie 182 0 0

醉东枫

CSS3自定义滚动条样式 -webkit-scrollbar

醉东枫 120 0 0

IT程序员

JQ插件:nicescroll自定义滚动条

IT程序员 75 0 0

精彩评论(0)

0 0 举报