Как сделать так, что бы popup скроллился?

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

1. Внутри контейнера popup окна необходимо создать дополнительный контейнер (например, <div>), который будет содержать весь контент и иметь фиксированную высоту.

2. Установить для этого контейнера свойство CSS overflow: auto;, которое позволит добавить полосы прокрутки, если контент окажется больше выделенного размера.

Пример HTML кода:

<div class="popup">
    <div class="popup-content">
        <!-- Весь ваш контент здесь -->
    </div>
</div>

Пример CSS стилей:

.popup {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #fff;
    width: 80%;
    max-height: 80%;
    overflow: auto; /* Добавляем полосы прокрутки */
    border: 1px solid #ccc;
    border-radius: 5px;
}

.popup-content {
    padding: 20px;
}

Таким образом, с помощью свойства overflow: auto; контейнер popup окна будет иметь полосы прокрутки в случае, если его содержимое не помещается на экране. Важно помнить, что необходимо указать максимальные значения для ширины и высоты контейнера, чтобы избежать нежелательного растягивания popup окна за пределы экрана.