Как решить проблему с расчетом высоты элементов?

Question

[mark_me]

Здравствуйте.

У меня есть чат, который я загружаю из БД посредством AJAX, я автоматически скролю страничку вниз после загрузки этого чата:
$('.chat').scrollTop($('.chat')[0].scrollHeight);

Всё идеально работает пока нет изображений. Расчет высоты с картинками проходит криво, ибо они могут отрендериться в бразуере после того, как сработает callback. Как решить эту проблему?

Comments

[DarkTitan]

Положить картинку в div с фиксированной высотой. А для картинки задать например object-fit

Answer 1

[Дмитрий Сергеев]

1. Если знать размеры пикчи, то задавать её размеры в
2. Выводить превью пички, у которой будут постоянные размеры, по клику показывать фулл.

Comments

[mark_me]

1. Изображения с интернета, нет возможности заранее определить их оригинальный размер
2. Изображение может быть 100x100 и 400x800

[mark_me]

Если задать размеры пички через width/height - не сработает.

Answer 2

[Алексей]

выполнять прокрутку только после полной загрузки чата не вариант?

Comments

[mark_me]

как тогда отследить когда браузер загрузит картинки, при медленном подключении интернета (если страничка уже загрузилась).

Answer 3

[S-a-n-d-r-0]

Добавить html якорь внизу и скроллить к нему. Должно решить проблему неизвестного размера изображений

Comments

[mark_me]

изображения прогружаются = высота становится больше.

[S-a-n-d-r-0]

https://stackoverflow.com/questions/14866775/detec...