Как добавить возможность прокручивания содержимого во всплывающем окне (popup)?

Для добавления возможности прокрутки содержимого во всплывающем окне (popup) можно использовать следующий подход:

1. Добавить стили CSS для попапа, чтобы установить фиксированную высоту и свойство overflow: auto для контейнера с содержимым. Это позволит элементу получить прокрутку, если его содержимое превышает высоту попапа.

Пример CSS:

.popup {
   position: fixed;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   width: 80%;
   height: 80%;
   background: white;
   overflow: auto;
}

2. Добавить контент внутри попапа, который будет прокручиваться, если он не помещается на экране.

Пример HTML:

<div class="popup">
   <h2>Заголовок</h2>
   <p>Длинный текст, который может прокручиваться в попапе.</p>
</div>

3. При необходимости можно также добавить кнопку "Закрыть" для закрытия попапа.

Альтернативные способы создания попапа для достижения желаемого результата включают использование JavaScript-библиотек (например, jQuery UI или Magnific Popup), CSS-фреймворков (например, Bootstrap) или создание собственного скрипта для попапа с прокруткой содержимого. Важно убедиться, что выбранный метод удовлетворяет требованиям проекта и обеспечивает удобство использования для пользователей.

Высоту не указали, поэтому и не скролится 
 
#resume-container{
    width: 100%;
    display: flex;
    justify-content: center;
    height: 100%; /* Добавьте это */
    overflow-y: auto; /* И это */
}

.resume-overlay{
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: white;
    height: 100%; /* И это */
    overflow-y: auto; /* И это */
}