osicionamento @Fancybox dentro do Facebook Canvas iFrame
OK, então eu tenho um aplicativo de tela iframe com a altura definida como "Settable" com o javascrip sdk do facebook que chama FB.Canvas.setSize (); e FB.Canvas.setAutoGrow ();. Eles estão funcionando perfeitamente, pois o iframe é definido para uma certa altura de pixel com base no seu conteúdo.
O problema é que, quando ligo para a Fancybox, ela se posiciona com base nessa altura. Eu sei que é exatamente o que deveria fazer quando o jQuery fancybox retorna a janela de exibição por:
(linha 673 da versão mais recente do jquery.fancybox-1.3.4.js):
_get_viewport = function() {
return [
$(window).width() - (currentOpts.margin * 2),
$(window).height() - (currentOpts.margin * 2),
$(document).scrollTop() + currentOpts.margin
];
},
Mas o problema é que o iframe, para muitos espectadores, será maior que a janela do navegador. Portanto, o Fancybox se concentra no iframe e acaba sendo apenas parcialmente visível para a maioria dos espectadores. (ou seja, a altura do iframe é 1058 px e o navegador dos usuários é de apenas 650 px).
Existe uma maneira de o fancybox calcular apenas a altura do navegador físico? Ou preciso alterar algumas configurações no meu aplicativo de tela do Facebook para que ele funcione?
Gosto de como a única barra de rolagem é a do Facebook (o pai, se você preferir
Todas as sugestões muito apreciadas!