problema con altezza iframe

Question

So che questo argomento è stato chiesto e ha risposto più volte ma per favore credo che ho passato molte ore alla ricerca di aiuto e risposte che funzionano e/o che posso effettivamente capire.

È lo stesso vecchio problema: Ho capito come aggiungere una scheda personalizzata e persino un'icona personalizzata per questo (e sono davvero felice di essere stato in grado di fare anche quello!). Ma, come per molte altre richieste di aiuto, ha le barre di scorrimento temute. Io, come gli altri, voglio che scorra oltre la sua dimensione limitata di 800 px. Ho diverse correzioni diverse per questo, alcune che ho provato senza successo e alcune semplicemente mi passano per la testa e non capisco cosa viene scritto, dove va e cosa deve essere modificato in esso.

Gradirei davvero che qualcuno si prendesse il tempo di guidarmi attraverso il processo e spiegando cosa e come, per favore.

Visualizza la pagina qui: http://www.bronts.com/bronts_facebook/index.html

Visualizza la pagina all'interno di Facebook qui: http://www.facebook.com/pages/brontscom/191839754181703

Answer 1

Sarà necessario utilizzare javascript sdk per autosize l'iframe in un'app pagetab. Dovrai avere un ID applicazione per questo. Fare riferimento a https://developers.facebook.com/docs/reference/javascript/

FB.Canvas.setAutoResize(); imposta l'altezza della tela.

ecco un esempio funzionante sulla mia app. http://www.facebook.com/apps/application.php?id=135669679827333&sk=app_135669679827333

NOTA: setAutoResize(); cambierà in setAutoGrow();

ANCHE: potrebbe essere necessario ridurre la larghezza dell'immagine, non è sicuro fino a quando la dimensione automatica non è a posto.

---------- Io uso questo e aggiungo appena sotto il tag < body> dei miei documenti.

 <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

Aggiungi overflow: hidden; al vostro body e utilizzare jQuery.ScrollTo per navigare all'interno iframe.

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>