我在谷歌地图上有一个自定义信息窗口,有时这些信息窗口包含一个图像。当它们执行时,信息窗口会在图像完成加载后立即缩小它所在的标记。
因此图像加载的时间更长,并且已经在图像加载完毕时计算了div的位置。
我相信有一种方法可以检查图像是否已经完成加载,但这似乎是一条很长的路径 - 使用JS或CSS的方法不是让div向上扩展而不是向下扩展。
任何人都有线索吗?
答案 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>