iframe中的colorbox内容（定位）问题

我已经完成并交付了一个项目，该项目使用colorbox（一个灯箱类型脚本，用于那些未使用过它的用户）在用户点击链接时显示信息。

已经给我的工具的团队将它加载到他们主页上的iframe中。从他们告诉我的情况来看，根据iframe中内容的大小，colorbox的定位很奇怪。

如果内容是“短”，那么colorbox会很好地显示（关于它的位置）。如果iframe中的内容是'long'，那么colorbox就不会出现乱码......用户必须滚动浏览才能看到colorbox内容。

代码片段如下：

$(document).ready(function() { 
    $(".iframe").colorbox({iframe:true, width:"80%", height:"80%"}); 
});

然后在我的HTML我有这样的：

<a class="iframe" href="http://LINK TO AN EXTNERAL PAGE">BLAH</a>

如何使它工作（位置）很好的IFRAME当任何想法？我在想，对于初学者来说，colorbox js和css需要被添加到父页面（将我的工具加载到iframe中的页面）。

如果有人能帮助我，我会非常感激。对不起，如果我没有提供足够的信息，或者我写的东西没有意义。

谢谢！

来源

2012-07-27 Laz

colorbox大多位于页面的中心。但是，当给出（xx）％高度的宽度时，这可能会有所不同。也许你可以尝试给它一个（xx）像素高度并尝试一下。

来源

2012-07-27 19:35:34

嗨杰弗里没有工作:( 看起来像有某种导致此问题的填充或保证金 – Laz 2012-07-27 20:46:27

@laz嗯...你有一个例子在网上或者测试用例中，这是值得一看的，我遇到了类似的问题，最后在样式表中使用了双重样式（来自colorbox库）。 – 2012-07-30 11:08:24

Hey Jeffrey。谢谢你回到我身边。找到一个解决方案，我正在使用下面的链接提供的一个解决方案（到目前为止的工作）：http://metaflood.com/work-life/how-to-use-the-jquery-plugin-colorbox-from- within-an-iframe/ – Laz 2012-07-31 05:46:40

你应该从外面调用colorbax。请检查此链接： Controlling Colorbox position inside an iframe

来源

2012-10-15 07:41:19 perlaws

iframe中的colorbox内容（定位）问题

回答

相关问题