在mac下谷歌浏览器自动隐藏滚动条问题

qq_36306693

于 2023-02-09 10:14:22 发布

阅读量1.5k

点赞数

文章标签： css html css3

本文链接：https://blog.csdn.net/qq_36306693/article/details/128948026

版权

mac中使用谷歌时会自动隐藏滚动条，但是在开发中，有些时候这个问题却很困扰，比如以下地方，再不给任何提示的情况下，想告诉用户这里可以滚动，却没有滚动条，很难受，所以要让该地方的滚动条一直显示，有两种方法。

方式一、浏览器上设置，

步骤：系统偏好设置 -> 通用 ->显示滚动条 -> 始终

在这里插入图片描述

方式二、代码中设置

在滚动标签添加滚动条样式，代码如下

.dropdown-wrapper {
  overflow-y: auto;
  &::-webkit-scrollbar{
     width: 8px;
     height: 8px;
   }
   &::-webkit-scrollbar-thumb{
     border-radius: 1em;
     background-color: rgba(50,50,50,.3);
   }
     
   &::-webkit-scrollbar-track{
     border-radius: 1em;
     background-color: rgba(50,50,50,.1);
   }
 }