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);
}
}