Facebook нарушает центральное положение Colorbox на длинных страницах

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

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

Любые подсказки?

Спасибо!


facebook jquery facebook-graph-api colorbox
person Crashalot    schedule 26.07.2011    source источник

Ответы (2)


arrow_upward
0
arrow_downward

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

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

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

$.colorbox(...);
person John David Anderson    schedule 16.09.2011

arrow_upward
0
arrow_downward

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

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

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

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

person Paul    schedule 26.07.2011