1

我会尽力解释这个问题。

我已经完成并提交了一个项目，该项目使用 colorbox（一种灯箱类型脚本，供尚未使用它的人使用）在用户单击链接时显示信息。

获得我的工具的团队将其加载到他们主页上的 iframe 中。根据他们告诉我的情况，颜色框的位置很奇怪，具体取决于 iframe 中内容的大小。

如果内容是“短”的，那么颜色框会很好地显示（关于它的定位方式）。如果 iframe 中的内容“长”，则颜色框不正常……用户必须进行大量滚动才能真正看到颜色框内容。

下面的代码片段：

$(document).ready(function() {
    $(".iframe").colorbox({iframe:true, width:"80%", height:"80%"});
});

然后在我的HTML中我有这个：

<a class="iframe" href="http://LINK TO AN EXTNERAL PAGE">BLAH</a>

关于如何使它在 iframe 中很好地工作（位置）的任何想法？我在想，对于初学者来说，colorbox js 和 css 需要添加到父页面（将我的工具加载到 iframe 中的页面）。

如果有人可以帮助我，我会很感激。抱歉，如果我没有提供足够的信息，或者我所写的内容没有意义。

谢谢！

4

2 回答 2

2

您可能应该从外部调用 colorbax。请查看此链接： Controlling Colorbox position inside an iframe

于 2012-10-15T07:41:19.557 回答
1

颜色框主要位于页面的中心。但是当给出 (xx)% 的高度百分比宽度时，这可能会有所不同。也许您可以尝试给它一个 (xx)px 高度并尝试一下。

于 2012-07-27T19:35:34.907 回答