我是靠谱客的博主 典雅钢铁侠,最近开发中收集的这篇文章主要介绍前端修改滚动条样式前言一、样式代码,觉得挺不错的,现在分享给大家,希望可以做个参考。

概述

提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档

目录

  • 前言
  • 一、样式代码


前言

前端修改滚动条样式


一、样式代码

代码如下


&::-webkit-scrollbar {
width: 4px;
height: 6px;
}
// 滚动区域背景
&::-webkit-scrollbar-track-piece {
background-color: rgb(17, 16, 16);
background-color: white;
-webkit-border-radius: 6px;
}
// 竖向滚动条
&::-webkit-scrollbar-thumb:vertical {
height: 5px;
background-color: rgb(70, 68, 68);
background-color: #AAAAAA;
-webkit-border-radius: 6px;
}

最后

以上就是典雅钢铁侠为你收集整理的前端修改滚动条样式前言一、样式代码的全部内容,希望文章能够帮你解决前端修改滚动条样式前言一、样式代码所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(51)

评论列表共有 0 条评论

立即
投稿
返回
顶部