Question

我有一个嵌入了iframe的页面。 iframe非常长，并且超出了视口。

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

有人能告诉我如何相对于视口显示叠加层，或者至少相对于已点击的链接显示叠加层？

Answer 1

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

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

叠加层将显示在正确的垂直位置。