jquery - iframe 中的 colorbox 内容(定位)问题

Question

我会尽力解释这个问题。

我已经完成并交付了一个元素，该元素使用 colorbox(对于那些没有使用过它的人来说是一个灯箱类型脚本)来在用户单击链接时显示信息。

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

如果内容“短”，则颜色框显示得很好(就其位置而言)。如果 iframe 中的内容很“长”，则颜色框就不正常...用户必须进行多次滚动才能真正看到颜色框内容。

代码片段如下:

$(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