控制iframe中的Colorbox位置

我有一个嵌入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; }); 

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