Facebook ломает центрированную позицию Colorbox на длинных страницах

Question

Мы знаем, что неправильный тип документа может повлиять на центрированное положение Цветная коробка. Даже после локального изменения типа документа не было разница.

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

Мне посчастливилось исправить это, используя последний код Colorbox от GitHub, и убедившись, что я сделал это:

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

Вместо того, чтобы просто:

$.colorbox(...);

Answer 2

Facebook имеет некоторые странные эффекты при позиционировании, так как он находится в iframe, который изменяет размер вместо полосы прокрутки.

Я думаю, вам нужно вручную указать параметр top для вашего colorbox на Facebook, используя:*

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

Где вы вручную устанавливаете heighofcolorbox.