我创建了一个计算器,希望在某些不同的网站上使用iframe。在iframe中更改页面时,iframe的内容也会更改。这样就可以在iframe中使用滚动条。是否可以根据内容动态设置iframe的高度。我有一个脚本来设置内容的高度,但是当我添加iframe时,什么也没发生。
我尝试了一些不同的事情,包括:
在客户端(外部网站)上:
jQuery("#myIframe").height(jQuery("#myIframe").contents().find("html").height());
在我/服务器端(托管iframe的内容):
在我设置内容高度的函数中(完全适合内容,而不适合实际的iframe)
jQuery('#myIframe').height(app_height);
其中app_height是根据一堆东西计算得出的。
我有种感觉,也许由于某些跨站点问题而无法正常工作。
总而言之,我的网站上有一个包含计算器的页面。我希望该页面在外部一些不同的网站上进行格式化。通过我的代码可以完美地设置内容的高度,但实际的iframe保持不变。有什么方法可以根据其中的内容动态更改iframe的高度?是在外部站点还是在我的站点上?