#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. У меня заданы ширина и высота. Но это не работает.