首页 前端知识 在mac下 谷歌浏览器自动隐藏滚动条问题

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

2024-02-21 10:02:14 前端知识 前端哥 164 336 我要收藏

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);
   }
 }
转载请注明出处或者链接地址:https://www.qianduange.cn//article/2398.html
标签
评论
会员中心 联系我 留言建议 回顶部
复制成功!