【问题标题】:Scale div in an upwards direction, instead of down?向上缩放div,而不是向下?
【发布时间】:2010-06-12 08:57:26
【问题描述】:

我在谷歌地图上有一个自定义信息窗口,有时这些信息窗口包含一个图像。当他们这样做时,一旦图像完成加载,信息窗口就会缩小到它所在的标记。

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

我确实相信有一种方法可以检查图像是否已完成加载,但这似乎是一条很长的路 - JS 或 CSS 是否没有一种简单的方法可以让 div 向上而不是向下缩放。

谁有线索?

【问题讨论】:

  • 发布页面链接,或发布代码。使用 CSS,您可以设置固定尺寸或最小尺寸。

标签: html css google-maps javascript


【解决方案1】:

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

【讨论】:

    【解决方案2】:

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

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

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2018-10-24
      • 1970-01-01
      • 1970-01-01
      • 2010-11-07
      相关资源
      最近更新 更多