架构大数据双料架构师

关注

自定义滚动条的样式

架构大数据双料架构师

关注

阅读 182

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 165 0 0

全栈学习笔记

浏览器自定义滚动条样式

全栈学习笔记 172 0 0

那小那小

自定义滚动条 - 全局

那小那小 199 0 0

江南北

iOS自定义滚动条

江南北 64 0 0

十日十月Freddie

QML之自定义滚动条

十日十月Freddie 210 0 0

萍儿的小确幸

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

萍儿的小确幸 132 0 0

攻城狮Chova

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

攻城狮Chova 381 0 0

booksmg2014

QT通过QStyle自定义滚动条

booksmg2014 269 0 0

IT程序员

JQ插件:nicescroll自定义滚动条

IT程序员 77 0 0

秀儿2020

jQuery custom scrollbarjQuery自定义滚动条

秀儿2020 117 0 0

精彩评论(0)

0 0 举报