problema con la altura del iframe

Question

Sé que se ha preguntado y respondido este tema varias veces, pero creo que he pasado muchas horas buscando ayuda y respuestas que funcionan y/o que realmente puedo entender.

Es el mismo viejo problema: He descubierto cómo agregar una pestaña personalizada e incluso un ícono personalizado para ella (¡y estoy realmente feliz de haber podido hacer eso!). Pero, como muchas otras solicitudes de ayuda, tiene las temidas barras de desplazamiento. Yo, como los demás, quiero que fluya más allá de su tamaño limitado de 800px. Tengo varias soluciones diferentes para esto, algunas las he intentado sin éxito y otras simplemente me pasan por alto y no entiendo para nada de qué se está escribiendo, a dónde va y qué necesita ser editado en él.

Realmente agradecería que alguien se tomara el tiempo para guiarme en el proceso y explicar el qué y el cómo, por favor.

Ver página aquí: http://www.bronts.com/bronts_facebook/index.html

Ver página dentro de Facebook aquí: http://www.facebook.com/pages/brontscom/191839754181703

Answer 1

Deberá usar javascript sdk para autosizar el iframe en una aplicación pagetab. Necesitará tener una identificación de aplicación para esto. Consulte https://developers.facebook.com/docs/reference/javascript/

FB.Canvas.setAutoResize(); establece la altura del lienzo.

aquí está el ejemplo de trabajo en mi aplicación. http://www.facebook.com/apps/application.php?id=135669679827333&sk=app_135669679827333

NOTA: setAutoResize(); cambiará a setAutoGrow();

TAMBIÉN: puede que necesite reducir el ancho de su imagen, no está seguro hasta que el tamaño automático esté en su lugar.

---------- uso esto y lo agrego justo debajo de < body> etiquetas de mis documentos.

 <div id="fb-root"></div> 
<script> 
     window.fbAsyncInit = function() { 
     FB.init({ 
    appId : 'Your-App-Id-Here', 
    status : true, // check login status 
    cookie : true, // enable cookies to allow the server to access the session 
    xfbml : true, // parse XFBML 
    //channelUrl : 'http://WWW.MYDOMAIN.COM/channel.html', // channel.html file 
    oauth : true // enable OAuth 2.0 
     }); 
/* sets auto size to app canvas and page tab app. */ 
FB.Canvas.setAutoResize(); 
     }; 
     (function() { 
     var e = document.createElement('script'); e.async = true; 
     e.src = document.location.protocol + 
      '//connect.facebook.net/en_US/all.js'; 
     document.getElementById('fb-root').appendChild(e); 
     }()); 
</script> 

Answer 2

Añadir overflow: hidden; a su body y utilizar jQuery.ScrollTo para navegar dentro de marco flotante.

Answer 3

<script src="https://connect.facebook.net/en_US/all.js"></script> 
<script type="text/javascript" charset="utf-8"> 
window.fbAsyncInit = function() 
{ 
    FB.init({ appId: '1375268019431848', 
    status: true, 
    cookie: true, 
    xfbml: true, 
    oauth: true}); 

    FB.Canvas.setAutoGrow(); 
    FB.Canvas.setAutoResize(); 
} 
</script>