其他分享
首页 > 其他分享> > 滚动条

滚动条

作者:互联网

基操

/* 滚动条整体部分,可以设置宽度等 */
body::-webkit-scrollbar{  }
/* 滚动条两端的按钮 */
body::-webkit-scrollbar-button{  }
/* 外层轨道 */
body::-webkit-scrollbar-track{  }
/* 内层滚动槽 */
body::-webkit-scrollbar-track-piece{  }
/* 滚动的滑块 */
body::-webkit-scrollbar-thumb{  }

/* 边角(这个如果不是x,y的滚动条都出来的话是看不到的) */
body::-webkit-scrollbar-corner{  }
/* 定义右下角拖动块的样式 */
body::-webkit-resizer{  }

更详细请看 https://css-tricks.com/custom-scrollbars-in-webkit/

标签:body,滚动,track,滚动条,scrollbar,webkit
来源: https://www.cnblogs.com/Lilc20201212/p/15986564.html