Estoy usando Fb.ui() para publicar una actualización en el muro del usuario pero el cuadro de diálogo siempre aparece en el mismo lugar en mi navegador (centro central si se desplaza hacia arriba). El problema es que estoy abriendo el diálogo desde la parte inferior de la pantalla. ¿Hay alguna manera de mostrar el cuadro de diálogo para la ubicación de desplazamiento actual del usuario?Ajuste de la posición del cuadro de diálogo FB.ui()
Estoy usando este fragmento de código para establecer la posición del diálogo en la parte superior de la página, pero puede usarlo para establecer la posición en cualquier lugar que desee. Este código se utiliza la librería jQuery
setInterval(function(){
var dialog = $('.fb_dialog');
for(var i = 0; i < dialog.length; i++)
{
var d = $(dialog[i]);
if(parseInt(d.css('top')) > 0 && parseInt(d.css('top')) != 195)
{
d.css('top', '195px')
}
}
}, 500);
El facebook escribir el código html de diálogo para la <div class="fb-root"></div> por lo que si usted se rodea con un <div style="position: absolute;"></div> aparece el cuadro de diálogo donde se coloca este código.
Por ejemplo:
<div style="position: absolute">
<div class="fb-root"></div>
</div>
no funciona – nXqd
El cuadro de diálogo FB.ui() ya debería positionned en relación con el lugar del rollo usuario actualmente es.
Si no es así, sólo tiene que colocar su # fb-root en el CSS:
#fb-root { position:fixed; top:10%; }
De esta manera, el pop-in siempre habrá en la posición de desplazamiento del usuario y también seguirla si continúan para desplazarse hacia arriba o hacia abajo de la página.
iframe o emergente? – Lex