monochromer
@monochromer
DIVeloper

Как пропорционально менять позицию элементов при увеличении соседнего блока (textarea)?

Всем здоровья!

Есть простейший UI для чата - скроллируемый список сообщений и поле ввода текста (textarea). Поле ввода при наборе текста увеличивается в определенных границах, а список сообщений уменьшается на соответствующую величину. При изменении textarea хочется пропорционально менять позицию элементов (как, скажем, в Telegram или Skype). Для этого я прибавляю разницу изменения высоты textarea к скроллу:
appMain.scrollTop += diff;

Но эта техника не работает, если скролл находится в самом конце, к тому же наблюдаются кроссбраузерные различия (разное поведение, например, в Chrome, Firefox, Safari ).
Есть ли какие-то способы для решения задачи?

demo примера: jsfiddle.net/onsbx687/6
Видео пример как должно быть: https://cloud.mail.ru/public/8hDU/4SQfEs7VD
  • Вопрос задан
  • 159 просмотров
Пригласить эксперта
Ответы на вопрос 1
e_snegirev
@e_snegirev
текстарее снизу выставить display: fixed; left: 0; right: 0; bottom: 0;
при желании списку сверху добавить паддинг снизу
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы