Quitar las Barras de Desplazamiento (Scrollbars) de una Aplicación IFrame de Facebook Timeline

El tamaño máximo de una aplicación de Facebook Timline es de 810 píxeles de ancho y por defecto se queda estancado a 800 píxeles de alto. A continuación voy a mostrar dos formas para lograr el alto real de nuestra aplicación.

NO SCROLLBARS

  1. Alto estático e invariable

Si conoces el alto de tu aplicación y no va a variar durante su ejecución FB.Canvas.setSize() es lo que estás buscando. Pega el siguiente script al final de tu página antes de cerrar el tag body, no olvides reemplazar el ID, URL y Tamaño por los de tu aplicación.

<!-- FB setSize -->
<script src="http://connect.facebook.net/en_US/all.js" type="text/javascript"></script>
<script type="text/javascript">
window.fbAsyncInit = function() {
FB.init({
//el ID de tu aplicación
appId : '000000000111111',
//la URL de tu aplicación
channelUrl : '//dominio.com/miaplicacion/'
});
//el ANCHO y ALTO de tu aplicación
FB.Canvas.setSize({ width: 810, height: 2000 });
}
</script>
<div id="fb-root"></div>
<!-- End of FB setSize -->

 2. Alto automático y variable

Si tu aplicación en algún momento va a redimensionarse y cambiar de tamaño debes utilizar FB.Canvas.setAutoGrow(), esta función va a aumentar el tamaño del lienzo cada lapso de tiempo para que encaje el tamaño total del contenido.

De igual manera pegamos el siguiente script al final de nuestra página antes de cerrar el tag body y reemplazamos el ID, URL y Tamaño por los de nuestra aplicación.

NOTA: Este script sólo va a cambiar el tamaño de tu lienzo si este aumenta, pero no va a disminuir el tamaño del mismo.

<!-- FB setAutoGrow -->
<script src="http://connect.facebook.net/en_US/all.js" type="text/javascript"></script>
<script type="text/javascript">
window.fbAsyncInit = function() {
FB.init({
//el ID de tu aplicación
appId : '000000000111111',
//la URL de tu aplicación
channelUrl : '//dominio.com/miaplicacion/'
});
FB.Canvas.setAutoGrow();
}
</script>
<div id="fb-root"></div>
<!-- End of FB setAutoGrow -->

Por defecto la función FB.Canvas.setAutoGrow() actualiza el tamaño del lienzo cada 100 mili-segundos, si quisiéramos cambiar el intervalo del tiempo simplemente lo pondríamos así:

FB.Canvas.setAutoGrow(1000);
Share on FacebookShare on Google+Tweet about this on TwitterShare on LinkedIn

Comentarios


Invitado
Luis
3 años 10 meses hace

Intente hacer el procedimiento pero no me sale, me descompone el slider de mi sitio web dentro de facebook https://www.facebook.com/TuMarcaenweb/app_262930370519542

wpDiscuz