Прокрутка стиля только для 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

Answer 1

Вам не хватает высоты содержимого. Просто добавьте высоту содержимого, вы увидите полосу прокрутки.

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