Шкала div в направлении вверх, а не вниз?

Question

У меня есть пользовательское информационное окно над картой Google, иногда эти информационные окна содержат изображение.Когда они это сделают, информационное окно масштабируется над маркером, которое оно позиционирует, как только изображение завершит загрузку.

Таким образом, загрузка изображений занимает больше времени, и позиция div уже рассчитана к тому временизагрузка изображения завершена.

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

У кого-нибудь есть какие-нибудь подсказки?

Answer 1

Используйте абсолютное позиционирование и вместо установки смещения с помощью top используйте bottom. С помощью этого свойства вы можете обеспечить положение нижнего края вашего div - любое изменение размера заставит div расширяться вверх.

Answer 2

или попробуйте это (также может быть полезно установить привязку)

<div style="position: absolute;">
  <div style="margin-top: calc(-70vh + 40px);"><a id="update">my image</a></div>
</div>