找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索
热搜: 活动 交友 discuz
楼主: 匿名

能不能把右侧滚动条缩小一点

[复制链接]

43

主题

373

回帖

2416

积分

金牌会员

积分
2416
发表于 2020-12-10 20:17:57 | 显示全部楼层
本帖最后由 coult3 于 2020-12-11 18:18 编辑

方法有二:
1. 安装stylus 扩展,管理样式,编写新样式,默认应用到所有页面,添加以下代码。
2. 利用cent的custom.css功能。
在 User Data 文件夹下新建 custom.css 文件,添加以下代码。

::-webkit-scrollbar {
  width: 9px !important;
  height: 9px !important;
}

::-webkit-scrollbar-button:start:decrement,
::-webkit-scrollbar-button:end:increment {
    height: 0; width: 0;
    display:none;
}

::-webkit-scrollbar-track-piece{
  margin:1px; padding: 0;
  width: 6px !important;
  height: 5px !important;
  background: rgba(255,255,255,.3);
}

::-webkit-scrollbar:hover{
  background: rgba(128,128,128,.2);
}

::-webkit-scrollbar-thumb{
  margin: 1px !important;
  border: 2px solid transparent !important;
  width: 1px !important;
  background-color: rgba(0,0,0,.4) !important;
  z-index: 2147483647;
  -webkit-border-radius: 12px;

  background-clip: content-box;


}

::-webkit-scrollbar-corner {
  background: rgba(255,255,255,.3);
  border: 1px solid transparent;
}

::-webkit-scrollbar-thumb:hover{
  background-color: rgba(0,0,0,.8) !important;
}
::-webkit-scrollbar-thumb:active {
  background-color: rgba(0,0,0,.6) !important;
}

参考:
用centbrowser(不用chrome原版)的一个好处,支持:Custom.css
https://www.centbrowser.net/zh-c ... id=7704&fromuid=658
(出处: 百分浏览器论坛)



回复

使用道具 举报

43

主题

373

回帖

2416

积分

金牌会员

积分
2416
发表于 2020-12-10 20:27:17 | 显示全部楼层
本帖最后由 coult3 于 2020-12-10 23:39 编辑

有两个方法:
1.安装 stylus 扩展,编写新样式,默认应用到所有页面,输入以下代码。
2. 利用cent的custom.css
在 User Data 文件夹下新建custom.css文件,输入以下代码。
然后在 chrome://settings/cbCustomCss 开启 加载自定义样式文件,路径直接写上 custom.css


以下样式可以根据需要自己调整。
  1. <blockquote>::-webkit-scrollbar {
复制代码


其实就是 抄的 https://github.com/iaarchiver/MinimalScrollbar 开源代码

参考:https://www.centbrowser.net/zh-cn/forum.php?mod=viewthread&tid=7704





回复

使用道具 举报

0

主题

30

回帖

2089

积分

金牌会员

积分
2089
发表于 2020-12-10 22:05:17 | 显示全部楼层
猫さん 发表于 2020-12-10 17:43
scroll style (https://chrome.google.com/webstore/detail/scroll-style/dojgafhdmabofajcjcihnbdklglboa ...

实测用了这个,某些网页滚动掉帧严重
回复

使用道具 举报

匿名  发表于 2020-12-10 22:53:01
猫さん 发表于 2020-12-10 17:43
scroll style (https://chrome.google.com/webstore/detail/scroll-style/dojgafhdmabofajcjcihnbdklglboa ...

好的 谢谢
回复

使用道具

匿名  发表于 2020-12-10 22:55:47
coult3 发表于 2020-12-10 20:27
有两个方法:
1.安装 stylus 扩展,编写新样式,默认应用到所有页面,输入以下代码。
2. 利用cent的custom. ...

算了 不折腾了 自动隐藏滚动条目前还满意
回复

使用道具

匿名  发表于 2020-12-10 23:01:37
S8F8ry 发表于 2020-12-10 17:34
我也不知道,我记得是这个项目的开发者提供了这一组启动参数,这一条指令具体产生的效果我也不清楚,官方 ...

既然效果一样 直接实验里面开启了
回复

使用道具

匿名  发表于 2020-12-10 23:01:58
猫さん 发表于 2020-12-10 17:43
scroll style (https://chrome.google.com/webstore/detail/scroll-style/dojgafhdmabofajcjcihnbdklglboa ...

确实挺漂亮的
回复

使用道具

14

主题

84

回帖

703

积分

高级会员

积分
703
发表于 2020-12-11 10:22:27 | 显示全部楼层
coult3 发表于 2020-12-10 20:17
方法有二:
1. 安装stylus 扩展,管理样式,编写新样式,默认应用到所有页面,添加以下代码。
2. 利用cent ...

好用!!!
回复

使用道具 举报

高级模式
B Color Image Link Quote Code Smilies

本版积分规则

Archiver|手机版|小黑屋|百分浏览器论坛

GMT+8, 2025-2-9 04:47 , Processed in 0.015264 second(s), 17 queries .

Powered by Discuz! X3.5

© 2001-2024 Discuz! Team.

快速回复 返回顶部 返回列表