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

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

  }

你可能感兴趣的:(在mac下 谷歌浏览器自动隐藏滚动条问题)