Javascript 控制iframe内的色盒位置

我有一个嵌入iframe的页面。iframe相当长，并延伸到视口之外

在iframe中，我有一长串带有链接的文本。我使用Colorbox在单击其中一个链接时显示覆盖图。因为iframe的内容很长，所以叠加并不总是可见的，因为它垂直放置在iframe的中心，而不是父视口的中心

---

有人能告诉我如何相对于视口或至少相对于已单击的链接显示覆盖吗？

正如WTK所说，您需要在父视图中包含Colorbox JS和CSS文件。然后，您可以从iframe内部调用colorbox，就像这样，其中colorbox是一个用户定义的类

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

---

覆盖图将显示在正确的垂直位置。

您正在使用colorbox显示的内容-仅限于这些图像吗？如果是这样，最简单的解决方案是将单击的图像href传递给父帧，然后使用colorbox显示它。从父窗口中调用colorbox以克服定位问题。谢谢WTK，我认为我现在走对了方向。但万一我们必须在跨域中使用？