找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索
热搜: 活动 交友 discuz
查看: 9057|回复: 17

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

[复制链接]
匿名  发表于 2020-12-9 21:39:35 |阅读模式
类似图中这样 有没有相关设置隐藏右侧滚动条overlay-scrollbars也不太好用  

QQ图片20201209213811.png

回复

使用道具

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
(出处: 百分浏览器论坛)



回复

使用道具 举报

8

主题

7754

回帖

2万

积分

超级版主

(^^ゞ

积分
21793
发表于 2020-12-9 21:50:10 | 显示全部楼层
试试这个插件:Minimal Scrollbar(https://chrome.google.com/websto ... ipchmcbhifohhbmjafd)
¯\(°_o)/¯
回复

使用道具 举报

1

主题

14

回帖

159

积分

注册会员

积分
159
发表于 2020-12-9 22:28:47 | 显示全部楼层
  1. --enable-features=OverlayScrollbar --enable-prefer-compositing-to-lcd-text
复制代码

添加启动参数,开启智能滚动条
回复

使用道具 举报

匿名  发表于 2020-12-10 03:13:21
q875720344 发表于 2020-12-9 22:28
添加启动参数,开启智能滚动条

实验里面要关闭隐藏滚动条吗
回复

使用道具

匿名  发表于 2020-12-10 03:28:42
q875720344 发表于 2020-12-9 22:28
添加启动参数,开启智能滚动条

你的启动参数跟开启overlay-scrollbars效果没发现不同啊  为啥有的网站不显示滚动条 有的就显示
回复

使用道具

8

主题

7754

回帖

2万

积分

超级版主

(^^ゞ

积分
21793
发表于 2020-12-10 12:23:46 | 显示全部楼层
游客 139.208.97.x 发表于 2020-12-10 03:28
你的启动参数跟开启overlay-scrollbars效果没发现不同啊  为啥有的网站不显示滚动条 有的就显示  ...

因为这个就是开启 overlay scrollbars,至于有的网站会不显示已经是老 bug 了。
¯\(°_o)/¯
回复

使用道具 举报

匿名  发表于 2020-12-10 16:32:12
S8F8ry 发表于 2020-12-10 12:23
因为这个就是开启 overlay scrollbars,至于有的网站会不显示已经是老 bug 了。 ...

--enable-prefer-compositing-to-lcd-text 这条命令是干嘛的
回复

使用道具

8

主题

7754

回帖

2万

积分

超级版主

(^^ゞ

积分
21793
发表于 2020-12-10 17:34:34 | 显示全部楼层
游客 139.208.211.x 发表于 2020-12-10 16:32
--enable-prefer-compositing-to-lcd-text 这条命令是干嘛的

我也不知道,我记得是这个项目的开发者提供了这一组启动参数,这一条指令具体产生的效果我也不清楚,官方解释在这里:https://codereview.chromium.org/2758733003
¯\(°_o)/¯
回复

使用道具 举报

7

主题

33

回帖

655

积分

高级会员

积分
655
发表于 2020-12-10 17:43:05 | 显示全部楼层
回复

使用道具 举报

7

主题

33

回帖

655

积分

高级会员

积分
655
发表于 2020-12-10 17:43:40 | 显示全部楼层
S8F8ry 发表于 2020-12-9 21:50
试试这个插件:Minimal Scrollbar(https://chrome.google.com/webstore/detail/minimal-scrollbar/ekopmclc ...

感觉这个scroll style 要好看一点
回复

使用道具 举报

高级模式
B Color Image Link Quote Code Smilies

本版积分规则

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

GMT+8, 2025-2-8 23:26 , Processed in 0.018737 second(s), 23 queries .

Powered by Discuz! X3.5

© 2001-2024 Discuz! Team.

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