当iframe调整大小时，位置固定元素移动

Question

我有一个iframe，它始终位于父页面的左下角，在iframe内，还有一个元素也位于iframe的左下角。所以结果是这个元素总是在窗口的左下角，这就是我想要的。

这是通过以下 CSS 实现的：

iframe {
    position:fixed;
    bottom:0px;
}

#my-element { // this would be in the style sheet of iframe
    position:fixed;
    bottom:0px;
}

问题是我的iframe调整大小时，例如从height = 100px 到 500px ，我的元素突然跳起大约0.1秒然后回到正确的位置。我认为这是因为当浏览器重新渲染我的iframe时，它首先显示我的元素，然后查看bottom:0px的css规则，从而导致0.1秒跳转。

  

有什么方法可以避免这种跳跃吗？