使滚动条css在网页中可见

Question

我正在尝试实现滚动条，并在滚动条出现时阻止内容移动 我找到了使页面可滚动但滚动条不可见的解决方案 我如何使其在页面中可见。 这是我的第一个解决方案：

mat-sidenav-content{
  width: -webkit-fill-available;
  &::-webkit-scrollbar {
    width: 0px;

}
}

Answer 1

您应该添加背景：透明；

Answer 2

我建议您使用overflow属性。

示例：

#object-id {
    overflow: auto;
}

可以分配多个值：

scroll /*always shown, I assume, thats what you are looking for*/

hidden /*scrollbar is never shown*/

auto /*scrollbar is only shown when needed*/

visible /*overflowing content is not bundled in the parent objects'
          boundaries, therefore overflowing the container. (no scrollbar is shown)*/

希望我能帮助您！