我希望有一个不会更改页面宽度的滚动条。在桌面屏幕上，滚动条位于页面内容的旁边，但在移动屏幕上，滚动条显示在页面内容的“顶部”，具有透明度（并且只有在用户滚动时才可见）。有没有办法在桌面屏幕上显示此移动样式的滚动条？
我发现的关于该主题的大多数问题都至少有5岁了，除了this one以外，没有做我想做的事，但并不能真正解决问题。
[移动屏幕没有像在PC上一样的滚动条。
但是您可以更改宽度并设置滚动条的样式，如下所示：
::-webkit-scrollbar {
background: #333;
}
::-webkit-scrollbar-track {
border-radius: 10px;
-webkit-box-shadow: inset 0 0 6px rgb(0, 0, 0);
}
::-webkit-scrollbar-thumb {
background: linear-gradient(#a700ff, #00fff7);
border-radius: 10px;
}
::-webkit-scrollbar-thumb:hover {
background: linear-gradient(#a700ff87, #00fff778);
}
body {
height: 200vh;
}<body></body>