jQuery MiniUI

 找回密码
 立即注册
查看: 3627|回复: 6
打印 上一主题 下一主题

miniui如何修改滚动条宽度 [复制链接]

Rank: 2

跳转到指定楼层
楼主
发表于 2021-5-20 16:21:38 |只看该作者 |倒序浏览
客户要求滚动条宽度要细一点,现在的宽度就是正常的宽度,各位大神指导如何修改滚动条的宽度么

Rank: 6Rank: 6

沙发
发表于 2021-5-20 16:39:19 |只看该作者
送你一个我常用的  另外这个是你浏览器的样式 和miniui没关系
  1. div::-webkit-scrollbar,
  2. body::-webkit-scrollbar {
  3.     width: 10px;
  4.     height: 10px;
  5. }

  6. div::-webkit-scrollbar-track,
  7. body::-webkit-scrollbar-track
  8. {
  9.     background: rgb(239, 239, 239);
  10.     border-radius: 2px;
  11. }

  12. div::-webkit-scrollbar-thumb ,
  13. body::-webkit-scrollbar-thumb{
  14.     background: #bfbfbf;
  15.     border-radius: 10px;
  16. }

  17. div::-webkit-scrollbar-thumb:hover,
  18. body::-webkit-scrollbar-thumb:hover {
  19.     background: #999;
  20. }

  21. div::-webkit-scrollbar-corner,
  22. body::-webkit-scrollbar-corner {
  23.     background: #179a16;
  24. }
复制代码

Rank: 2

板凳
发表于 2021-5-20 16:54:05 |只看该作者
happylover1278 发表于 2021-5-20 16:39
送你一个我常用的  另外这个是你浏览器的样式 和miniui没关系

好的,谢谢

Rank: 2

地板
发表于 2021-5-20 16:56:03 |只看该作者
happylover1278 发表于 2021-5-20 16:39
送你一个我常用的  另外这个是你浏览器的样式 和miniui没关系

还有一个问题就是为什么我的tree 加上这个样式之后就没有滚动条了呀,其他的div都是可以的,但是用到树上面就消失了

Rank: 2

5#
发表于 2021-5-20 17:00:10 |只看该作者
happylover1278 发表于 2021-5-20 16:39
送你一个我常用的  另外这个是你浏览器的样式 和miniui没关系

大佬,能请说一下这些个样式都是用什么的嘛,因为我只用了这两个就可以用了,其他的样式我不知道是干什么用的
::-webkit-scrollbar {
                        width: 8px;
                        background-color: rgba(0,0,0,0);
                        -webkit-border-radius: 80px;
                }

::-webkit-scrollbar-thumb:vertical {
                        background: rgba(154, 150, 150, 0.61);
                        -webkit-border-radius: 80px;
                }

Rank: 6Rank: 6

6#
发表于 2021-5-20 17:01:59 |只看该作者
本帖最后由 happylover1278 于 2021-5-20 17:18 编辑
Joseph 发表于 2021-5-20 16:56
还有一个问题就是为什么我的tree 加上这个样式之后就没有滚动条了呀,其他的div都是可以的,但是用到树上 ...


我这边一切正常  你找自己页面的问题吧
其他两个属性你自己看选择器 一个是hover上去的颜色变化   一个是右下角方块区域的样式。不想要可以不加的

附件: 你需要登录才可以下载或查看附件。没有帐号?立即注册

Rank: 8Rank: 8

7#
发表于 2021-5-20 17:53:08 |只看该作者
这自己改样式了,我们滚动条是默认样式的。

Archiver|普加软件

GMT+8, 2024-11-26 14:48 , Processed in 1.062254 second(s), 11 queries .

Powered by Discuz! X2

© 2001-2011 Comsenz Inc.

回顶部