Facebook在长页面上打破了Colorbox的中心位置

Question

我们知道错误的doctype会影响到中心位置 彩盒。即使在本地更改doctype之后，也没有 区别。

Facebook似乎让Colorbox不会出现在屏幕中心 在长页面上。

转载：

1）访问http://apps.facebook.com/tekiki_tickets/fb/53--15-Fridays-Beach-Party

2）单击说明中的“更多”链接以拉长页面。

3）买票。 Colorbox出现在屏幕外。

但是，相同的代码在非FB页面上正常工作：http://www.tekiki.com/fb/53--15-Fridays-Beach-Party

任何线索？

谢谢！

Answer 1

Facebook在定位上有一些奇怪的效果，因为它在iframe中调整大小而不是滚动条。

我认为您需要使用以下方式在Facebook上手动指定颜色框的top参数：

var page_info = FB.Canvas.getPageInfo();
var top = (page_info.clientHeight-heightofcolorbox)/2+page_info.scrollTop;

手动设置heighofcolorbox的地方。

Answer 2

我在使用GitHub的最新Colorbox代码修复此问题时运气最好，并确保执行此操作：

var cbox = $.colorbox(...);

而不仅仅是：

$.colorbox(...);