Прокрутка переполнения не работает с элементами, расположенными с абсолютным

#css #scroll #overflow #css-position #chatroom

#css #прокрутка #переполнение #css-position #чат

Вопрос:

Я пытаюсь создать что-то вроде комнаты для общения в чате. Когда приходят новые сообщения, предыдущие сообщения перемещаются вверх и исчезают, когда они покидают div.

Я хочу сделать div прокручиваемым, чтобы видеть предыдущие сообщения, но overflow: scroll не работает.

Я попытался установить элементам значение position:relative вместо absolute, но тогда элементы позиционируют себя хаотично.

Вот что у меня есть: https://jsfiddle.net/2Lgq1zfa/1 /

Ответ №1:

Я проверил ваш код, но там не было .ventana класса, определенного для js или html. Однако, чтобы заставить прокрутку работать с элементами, расположенными с абсолютным переполнением стека, вы должны определить ширину и высоту, чтобы браузер определял, когда происходит переполнение.

Я надеюсь, что это то, что вам было нужно. 😉

Комментарии:

1. Извините, я добавил неправильную ссылку. Я только что отредактировал его. Не могли бы вы протестировать это еще раз, пожалуйста?

2. У меня заданы ширина и высота. Но это не работает.