如何强制显示滚动条

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

第一种,浏览器上设置,

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

第二种,代码中设置

步骤:

::-webkit-scrollbar{

    width: 5px;

    height: 5px;

  }

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

  }

作者:IssunRadiance
链接:https://www.jianshu.com/p/d522f00bc882
来源:简书

posted @ 2022-06-11 15:40  Bravo_Jack  阅读(515)  评论(0编辑  收藏  举报