Описанная вами проблема «прокрутка при переполнении не работает в столбцах» относится к проблеме, когда функция прокрутки не работает должным образом в столбцах на веб-странице. Вот несколько способов решения этой проблемы:

1. Метод Flexbox:

   • Примените макет flexbox к элементу контейнера, содержащему столбцы.
   • Установите для свойства overflowконтейнера значение autoили scroll.
   • Убедитесь, что контейнер имеет фиксированную или заданную максимальную высоту.

2. Метод сетки:

   • Используйте сетку CSS для элемента-контейнера, содержащего столбцы.
   • Установите для свойства overflowконтейнера значение autoили scroll.
   • Укажите фиксированную или максимальную высоту контейнера.

3. Метод JavaScript:

   • Используйте JavaScript, чтобы добавить к столбцам собственное поведение прокрутки.
   • Прикрепите прослушиватель событий к элементу контейнера и программно обрабатывайте функции прокрутки.
   • Этот метод обеспечивает больший контроль над поведением прокрутки и позволяет настраивать анимацию.

4. Метод столбца CSS:

   • Применить макет столбца CSS к элементу-контейнеру.
   • Установите для свойства overflowконтейнера значение autoили scroll.
   • Убедитесь, что контейнер имеет фиксированную или заданную максимальную высоту.

5. Пользовательский метод прокрутки:

   • Реализуйте собственную полосу прокрутки с помощью библиотек CSS и JavaScript, таких как PerfectScrollbar или SimpleBar.
   • Эти библиотеки обеспечивают улучшенный стиль и функциональность прокручиваемых контейнеров.

Не забудьте протестировать каждый метод в разных браузерах, чтобы обеспечить кросс-браузерную совместимость. Кроме того, учитывайте особенности макета и структуры столбцов, поскольку некоторые методы могут работать лучше в зависимости от контекста.