控制iframe内颜色盒的位置

Controlling Colorbox position inside an iframe

本文关键字：位置 颜色 iframe 控制      更新时间：2023-09-26

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

在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;
});

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

相关文章：