jQuery MiniUI

标题: miniui如何修改滚动条宽度 [打印本页]
作者: Joseph    时间: 2021-5-20 16:21:38     标题: miniui如何修改滚动条宽度

客户要求滚动条宽度要细一点，现在的宽度就是正常的宽度，各位大神指导如何修改滚动条的宽度么
作者: happylover1278    时间: 2021-5-20 16:39:19

送你一个我常用的  另外这个是你浏览器的样式 和miniui没关系
  1. div::-webkit-scrollbar,
  2. body::-webkit-scrollbar {
  3.     width: 10px;
  4.     height: 10px;
  5. }

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

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

  20. div::-webkit-scrollbar-thumb:hover,
  21. body::-webkit-scrollbar-thumb:hover {
  22.     background: #999;
  23. }

  25. div::-webkit-scrollbar-corner,
  26. body::-webkit-scrollbar-corner {
  27.     background: #179a16;
  28. }
复制代码
作者: Joseph    时间: 2021-5-20 16:54:05

happylover1278 发表于 2021-5-20 16:39
送你一个我常用的  另外这个是你浏览器的样式 和miniui没关系

好的，谢谢
作者: Joseph    时间: 2021-5-20 16:56:03

happylover1278 发表于 2021-5-20 16:39
送你一个我常用的  另外这个是你浏览器的样式 和miniui没关系

还有一个问题就是为什么我的tree 加上这个样式之后就没有滚动条了呀，其他的div都是可以的，但是用到树上面就消失了
作者: Joseph    时间: 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;
                }
作者: happylover1278    时间: 2021-5-20 17:01:59

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

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

作者: dforce    时间: 2021-5-20 17:53:08

这自己改样式了，我们滚动条是默认样式的。



欢迎光临 jQuery MiniUI (http://miniui.com/discuss/) Powered by Discuz! X2