iframe中的颜色框内容(定位)存在问题



我会尽力解释这个问题。

我已经完成并交付了一个项目,该项目使用colorbox(对于那些没有使用过它的人来说,是一个lightbox类型的脚本)在用户点击链接时显示信息。

获得我的工具的团队将其加载到主页上的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的页面)。

如果有人能帮我,我会很高兴的。如果我没有提供足够的信息,或者我写的东西没有意义,我很抱歉。

谢谢!

您可能应该从外部调用colorbax。请查看此链接:控制iframe 内的Colorbox位置

颜色框主要位于页面的中心。但当给出(xx)%的高度宽度时,这可能会有所不同。也许你可以试着给它一个(xx)px的高度,然后试试。

最新更新