javascript - 控制 iframe 内的 Colorbox 位置

Question

我有一个带有嵌入式 iframe 的页面。 iframe 相当长，超出了视口(viewport)。

在 iframe 中，我有一长串带有链接的文本。我使用 Colorbox 在单击其中一个链接时显示叠加层。由于 iframe 的内容太长，因此叠加层并不总是可见，因为它垂直位于 iframe 的中心而不是父视口(viewport)的中心。

谁能告诉我如何显示相对于视口(viewport)或至少相对于已单击的链接的叠加层？

Answer 1

正如 WTK 所说，您需要在父级中包含 Colorbox JS 和 CSS 文件。然后你可以从 iframe 内部调用 colorbox，如下所示，其中 colorbox 是用户定义的类...

$("a.colorbox").click(function(){
var linkurl = $(this).attr("href");
parent.$.colorbox({href:linkurl});
return false;
}); 

叠加层将出现在正确的垂直位置。