iframe 中的颜色框内容（定位）问题

Question

我会尽力解释这个问题。

我已经完成并提交了一个项目，该项目使用 colorbox（一种灯箱类型脚本，供尚未使用它的人使用）在用户单击链接时显示信息。

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

如果内容是“短”的，颜色框会很好地显示（关于它的位置）。如果 iframe 中的内容“长”，则颜色框不正常……用户必须进行大量滚动才能真正看到颜色框内容。

下面的代码sn-p：

$(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 高度并尝试一下。