滚动条的样式仅适用于div，不适用于整个主体

Question

我正在我的个人投资组合网站上工作，但滚动条样式存在问题。当我为整个身体更改它时，它可以完美工作，但是当我只想为可滚动内容部分设置样式（导航栏位于顶部）时，所有内容都会崩溃，甚至无法滚动内容。我还希望滚动条轨道是透明的，但是它也不起作用。

/* Scrollbar */

.content::-webkit-scrollbar
{
    width: 10px;
}

.content::-webkit-scrollbar-thumb
{
    background-color: rgba(83, 83, 83, 0.8);
    border-radius: 5px;
}

.content::-webkit-scrollbar-thumb:hover
{
    background-color: rgba(83, 83, 83, 1);
}

CodePen link

Answer 1

您缺少内容高度。只需添加内容高度，您就会看到滚动条。

.content{
    height:300px; //for example.
}