Добавление скролла div блоку с другими блоками внутри

Question

Есть окно чата с сообщениями (обычный div со свойством max-height: 100vh), каждое сообщение в отдельном div блоке. Как добавить для этого окна внутренний скролл?

Answer 1

Нужному div блоку задайте css свойство overflow-y:

div.your-css-class {
  height: 100px;
  overflow-y: scroll; /*по вертикали*/
}

Или

div.your-css-class {
  height: 100px;
  overflow-x: scroll; /*по горизонтали*/
}

При значении scroll прокрутка будет отображаться всегда, а при значении auto - когда блок превысит заданную высоту.

БЛОГ НА HUSL

Добавление скролла div блоку с другими блоками внутри

Ответы (1 шт):