css - 如何更改桌面显示器上滚动条的布局，就像在平板电脑和手机上看到的那样？

问题描述

我需要在移动和平板模式下设计滚动条（更好的设计），以便在所有桌面浏览器监视器中激活。

桌面模式下的滚动条使设计变得丑陋。

可以做到？

请不要插件

这是我的 CSS 代码：

aside {
    overflow: hidden auto;
    height: 80vh;
}

在图像中，当检测到用户代理它的平板电脑或移动设备时，浏览器会加载滚动条轻巧的设计。

我一直需要滚动条来加载。不需要javascript或css，因为浏览器会根据设备进行更改。让我明白？

注意：对不起，我的英语很差。

标签： cssmobilescrollbar

::-webkit-scrollbar在 CSS中使用
Firefox 不支持此功能，请尝试使用SmoothScrollbarJs for firefox

::-webkit-滚动条 {
  宽度：10px；
}

/* 追踪 */
::-webkit-滚动条轨道 {
  背景：#f1f1f1；
}

/* 处理 */
::-webkit-scrollbar-thumb {
  背景：#888；
}

/* 悬停处理 */
::-webkit-scrollbar-thumb:hover {
  背景：#555；
}

直接从w3schools复制

css - 如何更改桌面显示器上滚动条的布局，就像在平板电脑和手机上看到的那样？

问题描述

解决方案

推荐阅读