iframe中的彩盒内容（定位）问题

Question

我会尽力解释这个问题。

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

已经获得我的工具的团队将其加载到主页上的iframe中。根据他们告诉我的情况，颜色框定位很奇怪，具体取决于iframe中内容的大小。

如果内容为“短”，则颜色框会很好地显示（就其位置而言）。如果iframe中的内容为“long”，则颜色框不会出现问题......用户必须进行大量滚动才能真正看到颜色框内容。

以下代码段：

$(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中的页面）。

如果有人可以帮助我，我会很高兴。很抱歉，如果我没有提供足够的信息，或者我写的内容没有意义。

谢谢！

Answer 1

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

Answer 2

颜色框主要位于页面中央。但是当给出（xx）％高度宽度时，这可能会有所不同。也许你可以尝试给它一个（xx）px高度并尝试它。