向上缩放div而不是向下?

时间:2010-06-12 08:57:26

标签: html css google-maps javascript

我在谷歌地图上有一个自定义信息窗口,有时这些信息窗口包含一个图像。当它们执行时,信息窗口会在图像完成加载后立即缩小它所在的标记。

因此图像加载的时间更长,并且已经在图像加载完毕时计算了div的位置。

我相信有一种方法可以检查图像是否已经完成加载,但这似乎是一条很长的路径 - 使用JS或CSS的方法不是让div向上扩展而不是向下扩展。

任何人都有线索吗?

2 个答案:

答案 0 :(得分:34)

使用绝对定位,而不是使用top使用bottom设置偏移量。使用此属性,您可以确保div底边的位置 - 任何大小的改变都会强制div向上扩展。

答案 1 :(得分:0)

或尝试执行此操作(设置锚点也很有用)

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