2010-12-12 93 views
0

我刚刚创建了一家tshirt商店放在我自己的网站上。一家名为spreadshirt.co.uk的公司(以下简称“SS”)经营该店。他们允许我通过iframe将他们的商店嵌入到我的网站上,并且由于他们允许通过他们的管理面板完全自定义CSS,所以我的网站看起来非常整齐。iframe跨站点:“VISA验证”

唯一的解决方案是iframe - 我现在将它设置为2000像素高(恰好适合最长的页面)。我宁愿让它为每个页面调整大小,但期望这是“困难的”,所以没有打扰。

无论如何,我只是把网页放在一边,并且通过一个测试订单。一切都很好,直到......

...“VISA验证”页面。这个motherhubbard在订单处理结束时向右转,并且其中包含的HTML将垂直居中的小对话框放在我的iframe中。即从顶部向下将近1000像素 - 使得不那么聪明的用户认为该页面未加载(所有他们可以看到没有滚动下来是白色背景)。我无法像在SS页面中那样自定义此页面上的CSS,因为此页面不是由SS提供的。

任何聪明的想法???

非常感谢的人!

如果有人想看到它,我会将链接放到我的网站上,但假设可能会被视为垃圾内容并且皱眉。

+0

请添加链接。这样我们可以看到发生了什么。 – 2010-12-12 21:08:58

+0

啊,它发生在我身上我可以检查iframe的src,如果它不是商店URL,我会减少框架高度。简单! – Codemonkey 2010-12-12 23:33:55

+0

嗯,不是那么简单。当你在iframe中导航时,“src”属性不会被更新,显然。我没有想到它,并认为它会。 – Codemonkey 2010-12-13 00:01:39

回答

0

我不处理iframe太多,因为我讨厌它们,但我认为你仍然可以使用javascript写入该文档。我说的理由可能是因为它的跨域,但它应该仍然有效。

入住这个帖子出来 Resizing an iframe based on content

你也可以检查出 Resizing iframe to fit its content

和jQuery脚本: http://www.lost-in-code.com/programming/jquery-auto-iframe-height/

同样,我真的不知道这是否会在工作跨域网站。

+0

reg。最后一个链接:请注意,这个jQuery autoHeight插件不能与iFrames访问来自不同域或远程位置的内容 – knb 2010-12-12 21:55:14