向上缩放 div,而不是向下?

13

我在谷歌地图上有一个自定义信息窗口,有时这些信息窗口包含一张图片。当它们包含图片时,信息窗口会在图片加载完成后立即缩小到与其重叠的标记点上。

因此,由于图片加载需要更长时间,所以在图片加载完成之前,div元素的位置已经被计算好了。

我确信有一种方法可以检查图片是否已经加载完成,但这似乎是一条漫长的路线 - 是否没有一种简单的JS或CSS方式使div元素向上缩放而不是向下缩放。

有人有什么提示吗?


1
发布一个页面链接或者发布代码。使用CSS可以设置固定大小或最小大小。 - Brock Adams
2个回答

41

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


0

或者尝试这个(设置锚点也很有用)

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

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接