如何将colorbox链接的html内容保留在同一个框中?

时间:2012-04-02 20:42:39

标签: colorbox

我完全忽视了这一点。我只是认为这是默认情况下会做的事情。

好的,我正在使用Colorbox。我调用colorbox,它显示一个外部HTML文件。我需要在HTML文件中点击的所有链接都保留在颜色框中。

默认行为是指页面加载到颜色框外部以及您所在的主页面发生变化。

我想这样做不使用iframe,因为iframe会创建第二个滚动条,我想根据AJAX代码使用主滚动条的文档。


更新:解决了!在这里管理一个非常聪明的解决方案是如何为将来遇到这种情况的人做到这一点!

1)更改为使用iframe而不是ajax并将滚动设置为none 2)调用colorbox resize脚本以在每个页面parent.$.colorbox.resize({innerHeight:"1115px"});

上调整iframe的大小

这只留下一个问题。当您在页面中间滚动并加载较小的页面时,它会自动调整其大小并重新定位颜色框,以便在页面顶部有一个巨大的间隙,然后必须滚动才能进入颜色框。所以解决方案是第3步。

3)在colorbox.js中注释掉这两行,这些行在publicmethod.position

top = scrollTop;
left = scrollLeft;

你遇到的下一个问题是,它仍然会让你在页面中间,迫使你向上滚动到顶部。

4)创建一个名为“topofthepage”的锚点并使用javascript自动跳转到锚点。将其作为onload操作添加到body标记。

function topofpage() {
location.href = "#topofpage";
}

您现在需要将此应用于每个页面,因为当您滚动时,颜色框不会正确定位内容。除非你这样做。
当当!

0 个答案:

没有答案