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