Tengo mi Facebook de la Ficha creo que contiene 3 bloques div, pero la altura es demasiado grande, y tengo una barra de desplazamiento.
Por eso he puesto «overflow: hidden» CSS con el cuerpo html.
Y no estaba funcionando.
Así que me parece una buena cosa en la web :

<div id="fb-root"></div>
<script src="http://connect.facebook.net/en_US/all.js"></script>
<script>
FB.init({
appId : 'MY_APP_ID',
status : true, //check login status
cookie : true, //enable cookies to allow the server to access the session
xfbml : true //parse XFBML
});
</script>

<script type="text/javascript">
window.fbAsyncInit = function() {
FB.Canvas.setSize( { height: 1000 } );
}
</script>

Que sólo trabajando en Firefox y Safari, pero en Chrome & IE no tengo la barra de desplazamiento, pero si quiero ir en la parte inferior de mi ficha me tiene a la izquierda haga clic en para desplazarse y ver el botton.
Cómo puedo ajustar esto en Chrome & IE ?
¿Crees que mi CSS id de malo ?

InformationsquelleAutor Boby Rotka | 2013-03-07

4 Comentarios

  1. 2

    Mira esto: https://developers.facebook.com/docs/reference/javascript/FB.Canvas.setAutoGrow/ y echa un vistazo en el otro Lienzo Métodos de enlaces en la parte inferior de la columna de la izquierda.

    Han pasado algunos meses desde que he actualizado en mi propia aplicación de re-dimensionamiento de código, y esto cambia todo el tiempo, pero la siguiente es trabajar para mí coloca justo antes de la etiqueta de cierre de su página. No recuerdo seguro, pero puede que necesite style=»overflow:hidden» en la apertura del cuerpo de la etiqueta.

    Espero que esta ayuda 🙂

    <script type="text/javascript" language="javascript" src="http://connect.facebook.net/en_US/all.js"></script>
    <script type="text/javascript" language="javascript">
        FB.init({
            appId: '<YOUR_APP_ID>',
            status: true, //check login status
            cookie: true, //enable cookies to allow the server to access the session
            xfbml: true//parse XFBML
        });
        window.fbAsyncInit = function () {
            FB.Canvas.setSize();
        }
    
        FB.Canvas.setAutoGrow(7);
    </script>
    

    También hay este que he encontrado para usted: http://petetasker.wordpress.com/2012/10/31/facebook-set-auto-grow-a-version-that-actually-works/

  2. 0
    <script type="text/javascript" src="https://connect.facebook.net/en_US/all.js"></script>
    
    <script type="text/javascript">
        window.fbAsyncInit = function() {
          FB.init({
            appId      : 'YOUR_APP_ID'
          });
          FB.Canvas.setAutoGrow();
        }
    </script>
    
  3. 0

    al llamar el FB JS, asegura que no es absoluta. Dependiendo de los espectadores configuración de SSL se podría producir un error y el autoresize no funcionará.
    Mal:

    <script type="text/javascript" src="https://connect.facebook.net/en_US/all.js"></script>
    

    Derecho:

    <script type="text/javascript" src="//connect.facebook.net/en_US/all.js"></script>
    
  4. 0

    Ninguna de las respuestas que se utiliza setAutoGrow() trabajó para mí, así que tuve que calcular el contenido de altura con JavaScript y, a continuación, utilizar setSize() en consecuencia.

    window.fbAsyncInit = function() {
    
        FB.init({
            appId      : 1234567890,
            xfbml      : true,
            version    : 'v2.3'
        });
    
        //Find the container that spans your entire content
        var contentWrapper = document.getElementById("content-wrapper");
    
        //Calculate element height using different methods because some browsers might calculate the height differently, then choose the highest
        var contentHeight = Math.max(wrapper.scrollHeight, wrapper.offsetHeight, wrapper.clientHeight);
    
        //Set canvas size
        FB.Canvas.setSize({ width: 810, height: contentHeight});
    
    };
    

Dejar respuesta

Please enter your comment!
Please enter your name here