Как включить скролл CSS

Для включения скролла на элементе в CSS необходимо задать ему свойство overflow со значением auto или scroll.

• overflow: auto — скролл будет отображаться только тогда, когда контент не помещается в блок.
• overflow: scroll — скролл будет отображаться всегда, независимо от того, помещается ли контент в блок или нет.

Пример:

.scrollable {
  height: 300px; /* задаем высоту блока для скролла */
  overflow: auto; /* включаем скролл */
}

В этом примере на элементе с классом scrollable будет включен скролл в случае, если контент не помещается в блок, и будет отображаться только тогда, когда это необходимо. Если на элементе с классом scrollable высота установлена так, что весь контент помещается, то скролл не будет отображаться.