Jquery iframe中的色盒内容（定位）存在问题

我会尽力解释这个问题

我已经完成并交付了一个项目，该项目使用colorbox（一个lightbox类型的脚本，适用于未使用它的人）在用户单击链接时显示信息

获得我的工具的团队将其加载到他们主页上的iframe中。根据他们告诉我的，根据iframe中内容的大小，颜色框的位置是奇怪的

如果内容是“短”的，则颜色框会很好地显示（关于它的位置）。如果iframe中的内容为“长”，则颜色框将出现异常。。。用户必须进行大量滚动才能真正看到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中如何使其工作（位置）良好？我认为对于初学者来说，需要将colorboxjs和css添加到父页面（将我的工具加载到iframe的页面）

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

---

谢谢

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

你可能应该从外面叫colorbax。 请检查此链接：

---

嗨，Jeffrey没有工作：（看起来好像是有某种填充或空白导致了问题。@laz-hmm…你在web上有没有一个示例，或者一个测试用例。值得一看。我遇到了类似的问题，结果在样式表中出现了双重样式。（来自colorbox库）.Hey Jeffrey.谢谢你回复我。看起来我找到了一个解决方案。我正在使用下面链接中提供的解决方案（semems到目前为止可以正常工作）：说了这个^^你还想让我发布一个测试用例吗？很好，它现在可以工作了，不，没关系！我已经阅读了这些信息并测试了它，似乎工作得很好；-）