仅在需要时显示滚动

【问题标题】：Show scroll only when it needs仅在需要时显示滚动
【发布时间】：2021-10-12 13:15:16
【问题描述】：

    ::-webkit-scrollbar {
      width: 5px;
    }
    ::-webkit-scrollbar-thumb {
      background-color: var(--back-color);
      border-radius: 5px;
    }
    ::-webkit-scrollbar-track {
      background-color: var(--main-color);
      width: 5px;
    }

这是我指定滚动属性的方式。

仅在需要时才需要更改以显示滚动？现在它总是显示滚动。

【问题讨论】：

检查overflow: scroll，这会使滚动条始终可见。此外，为了确保滚动条仅在不应该出现时出现，请尝试使用here 中的解决方案之一。
overflow: auto 是正确的。 scroll 会一直存在，auto 只会在需要时出现

标签： javascript html css reactjs frontend

【解决方案1】：

可能是因为您的元素确实有超出屏幕的长度，或者您的 CSS 中有 overflow:scroll。

overflow:scroll 使滚动条始终出现，而overflow:auto 使滚动条仅在需要时出现。看看这个：

.parent {overflow:scroll}

<div class='parent'>
Lorem ipsum
</div>

还有这个：

.parent {overflow:auto}

<div class='parent'>
Lorem ipsum
</div>

【讨论】：