小程序
小游戏
企业微信
微信支付
扫描小程序码分享
如图所以，使用开发者工具调试时，滚动条是比较粗的那种，真机上的实际显示效果，滚动条是很细的，只有在滚动的时候看得见的；
对于当前工具的这种滚动条展示，滚动条是会占据一定的屏幕，导致实际可用的屏幕大小变小了。
想请问一下是否有啥可行的方法改变滚动条的样式？以达到类似真机的显示效果
2 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
::-webkit-scrollbar-track-piece {
background-color: rgba(0, 0, 0, 0);
border-left: 1px solid rgba(0, 0, 0, 0);
}
::-webkit-scrollbar {
width: 0px;
height: 13px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
::-webkit-scrollbar-thumb {
background-color: rgba(0, 0, 0, 0.2);
background-clip: padding-box;
min-height: 28px;
::-webkit-scrollbar-thumb:hover {
你好，麻烦通过点击下方“反馈信息”按钮，提供出现问题的。
我也遇到了
关注后，可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
::-webkit-scrollbar-track-piece {
background-color: rgba(0, 0, 0, 0);
border-left: 1px solid rgba(0, 0, 0, 0);
}
::-webkit-scrollbar {
width: 0px;
height: 13px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
::-webkit-scrollbar-thumb {
background-color: rgba(0, 0, 0, 0.2);
background-clip: padding-box;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
min-height: 28px;
}
::-webkit-scrollbar-thumb:hover {
background-color: rgba(0, 0, 0, 0.2);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
我也遇到了