iframe根据内容变化自动调整高度

10 浏览
0 Comments

iframe根据内容变化自动调整高度

我在下面的链接中有一个iframe；

http://one2onecars.com

该iframe位于屏幕中央的在线预订部分。我的问题是，虽然iframe的高度在页面加载时是可以的，但当页面内容调整时，我需要它自动调整高度。例如，如果我在在线预订中进行邮政编码搜索，它会创建一个下拉菜单，然后使“下一步”按钮不可见。

我希望在线预订内容发生变化时，iframe会自动调整到新的高度（动态调整），因为它没有加载任何其他页面。

我已经尝试使用jquery编写了几个不同的脚本来解决这个问题，但它们似乎只在页面首次加载和内容更改时自动调整iframe的高度。

这个问题是否可能解决？

我目前的代码是固定高度的：

        
            
#main-online-booking {
    height: 488px;
    border-bottom: 6px #939393 solid;
    border-left: 6px #939393 solid;
    border-right: 6px #939393 solid;
    z-index: 4;
    background-color: #fff;
}
.booking-dimensions {
    width: 620px;
    height: 488px;
}

如果有人可以帮助我解决这个问题，我将非常感谢！

0