徐徐爱coding
  • 首页
  • 爱情买卖
  • 导航
  • 私语
  • 友情链接
  • 关于
    关于本站
    知识库
    弹钢琴
徐徐爱coding

徐徐爱coding

徐徐爱coding是一个个人博客站点,记录编程经历的点点滴滴,分享自己的所见与所得,坚持自己的初心,践行自己的梦想生活不是等着暴风雨过去,而是学会在风雨中跳舞!

Copyright © 2023 徐徐爱coding All Rights Reserved.
陕公网安备61019602000456陕ICP备2023007787号-2

网站已稳定运行

css美化滚动条

css美化滚动条

徐徐
前端
#CSS
2 热度0 评论0 点赞
发布于2024-08-20 16:32:55
🌺前言
css美化浏览器滚动条

scss
/******************************美化滚动条*******************************/
@mixin scrollbar($radius: 0, $width: 8px,$height:10px, $track: #e8e8f8, $thumb: #cbcbd9) {
  &::-webkit-scrollbar-track-piece {
    //滚动条凹槽的颜色,还可以设置边框属性
    background-color: $track;
    border-radius: $radius;

  }

  &::-webkit-scrollbar {
    //滚动条的宽度
    width: $width;
    height: $height;
  }

  &::-webkit-scrollbar-thumb {
    //滚动条的设置
    background-color: rgba($thumb, 0.6);
    background-clip: padding-box;
    border-radius: $radius;

  }

  &::-webkit-scrollbar-thumb:hover {
    background-color: $thumb;

  }
}
文章最后更新于 2024-08-20 16:33:43
作者:徐徐
版权声明:转载请注明文章出处
留言
暂无数据

~~空空如也