滚动条样式

mac2022-06-30  26

 因为做公司官网需要,从网上找了滚动条的样式,但是都不怎么好看,自己比照着写了一个

.chengpin .item::-webkit-scrollbar{/*滚动条整体样式*/ width: 5px; height: 5px; } .chengpin .item::-webkit-scrollbar-thumb{/*滚动条里面小方块*/ height: 5px; border-radius: 20px; background-color: #c9c9c9; }  

 

具体是这样的:没有定义滚动条里面的轨道

.innerbox::-webkit-scrollbar-track {/*滚动条里面轨道*/ -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2); border-radius: 0; background: rgba(0,0,0,0.1); }

 参考文章:https://www.lyblog.net/detail/314.html

 

转载于:https://www.cnblogs.com/wlingling2017/p/7868237.html

最新回复(0)